@getflip/swirl-components-react 0.97.1 → 0.98.1

package/dist/{swirl-autocomplete.entry.5b26490f.js → swirl-autocomplete.entry.ee7fd8fc.js}

@@ -1,4 +1,4 @@
-import { r as p, c as m, h as o, H as g, g as f } from "./index.d2e73740.js";
+import { r as p, c as m, h as o, H as g, g as f } from "./index.edf538ad.js";
 import { a as v, c as b, o as y } from "./floating-ui.dom.esm-ac7cc24e.79b318e4.js";
 import { c as w } from "./index-d280dafb.186cdb0e.js";
 import { d as S } from "./utils-bc84f36e.1fee9865.js";

package/dist/{swirl-avatar-group.entry.5622c34f.js → swirl-avatar-group.entry.2db43ac2.js}

@@ -1,4 +1,4 @@
-import { r as s, h as a, H as i } from "./index.d2e73740.js";
+import { r as s, h as a, H as i } from "./index.edf538ad.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-avatar.entry.d0a276ff.js → swirl-avatar.entry.19f8bcd2.js}

@@ -1,4 +1,4 @@
-import { r as d, h as i, H as h, g as u } from "./index.d2e73740.js";
+import { r as d, h as i, H as h, g as u } from "./index.edf538ad.js";
 import { c as s } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-badge.entry.e7dc001f.js → swirl-badge.entry.5001f671.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, H as t } from "./index.d2e73740.js";
+import { r as i, h as e, H as t } from "./index.edf538ad.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-banner.entry.7c1a00a9.js → swirl-banner.entry.2ba369f0.js}

@@ -1,4 +1,4 @@
-import { r as o, c as r, h as t, H as c, g as l } from "./index.d2e73740.js";
+import { r as o, c as r, h as t, H as c, g as l } from "./index.edf538ad.js";
 import { c as b } from "./index-d280dafb.186cdb0e.js";
 import { g as d } from "./utils-bc84f36e.1fee9865.js";
 import "react";

package/dist/{swirl-button-group.entry.5aa131fd.js → swirl-button-group.entry.fcc18701.js}

@@ -1,4 +1,4 @@
-import { r as s, h as r, H as i } from "./index.d2e73740.js";
+import { r as s, h as r, H as i } from "./index.edf538ad.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-button.entry.f416b81b.js → swirl-button.entry.708ae1ad.js}

@@ -1,4 +1,4 @@
-import { r as e, h as i, H as l, g as u } from "./index.d2e73740.js";
+import { r as e, h as i, H as l, g as u } from "./index.edf538ad.js";
 import { c as b } from "./index-d280dafb.186cdb0e.js";
 import { g as c } from "./utils-bc84f36e.1fee9865.js";
 import "react";

package/dist/{swirl-card.entry.3b79a086.js → swirl-card.entry.74786bdb.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, H as n, g as o } from "./index.d2e73740.js";
+import { r as i, h as e, H as n, g as o } from "./index.edf538ad.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-carousel-slide.entry.3d5fc490.js → swirl-carousel-slide.entry.91b5ad13.js}

@@ -1,4 +1,4 @@
-import { r as e, h as i, H as t } from "./index.d2e73740.js";
+import { r as e, h as i, H as t } from "./index.edf538ad.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-carousel.entry.f2230aa1.js → swirl-carousel.entry.cd71f0f7.js}

@@ -1,4 +1,4 @@
-import { r as n, c as a, h as l, H as r, g as c } from "./index.d2e73740.js";
+import { r as n, c as a, h as l, H as r, g as c } from "./index.edf538ad.js";
 import { d } from "./utils-bc84f36e.1fee9865.js";
 import "react";
 import "react-dom";

package/dist/{swirl-checkbox.entry.f729717f.js → swirl-checkbox.entry.bf362d3c.js}

@@ -1,4 +1,4 @@
-import { r as b, c as l, h as c, H as t } from "./index.d2e73740.js";
+import { r as b, c as l, h as c, H as t } from "./index.edf538ad.js";
 import { c as n } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-chip.entry.0e38a71a.js → swirl-chip.entry.5f0d1fb9.js}

@@ -1,4 +1,4 @@
-import { r as t, c as o, h as r, H as h, g as n } from "./index.d2e73740.js";
+import { r as t, c as o, h as r, H as h, g as n } from "./index.edf538ad.js";
 import { c as p } from "./index-d280dafb.186cdb0e.js";
 import { g as l } from "./utils-bc84f36e.1fee9865.js";
 import "react";

package/dist/swirl-color-input.entry.9e7f6409.js

@@ -0,0 +1,46 @@
+import { r as n, c as r, h as e, H as o } from "./index.edf538ad.js";
+import { c as l } from "./index-d280dafb.186cdb0e.js";
+import "react";
+import "react-dom";
+const a = ".sc-swirl-color-input-h{display:block;width:100%}.sc-swirl-color-input-h *.sc-swirl-color-input{box-sizing:border-box}.color-input.sc-swirl-color-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}.color-input--inline.sc-swirl-color-input .color-input__preview.sc-swirl-color-input{width:1.5rem;height:1.5rem;margin-top:-0.125rem;margin-bottom:-0.125rem;margin-right:-0.25rem}.color-input__input.sc-swirl-color-input{display:inline-flex;width:100%;margin:0;padding:0;flex-grow:1;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);caret-color:var(--s-border-highlight)}.color-input__input.sc-swirl-color-input:focus{outline:none}.color-input__input.sc-swirl-color-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.color-input__input.sc-swirl-color-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.color-input__preview.sc-swirl-color-input{width:2.75rem;height:2.75rem;margin-top:-1.25rem;flex-shrink:0;border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-s)}", u = class {
+  constructor(t) {
+    n(this, t), this.inputBlur = r(this, "inputBlur", 7), this.inputFocus = r(this, "inputFocus", 7), this.valueChange = r(this, "valueChange", 7), this.onChange = (i) => {
+      const s = i.target;
+      this.value = s.value;
+    }, this.onBlur = (i) => {
+      this.inputBlur.emit(i);
+    }, this.onFocus = (i) => {
+      this.inputFocus.emit(i), this.handleAutoSelect(i);
+    }, this.onInput = (i) => {
+      this.onChange(i);
+    }, this.autoFocus = void 0, this.autoSelect = void 0, this.disabled = void 0, this.swirlAriaDescribedby = void 0, this.inline = void 0, this.invalid = void 0, this.placeholder = void 0, this.required = void 0, this.value = void 0;
+  }
+  componentDidLoad() {
+    this.autoFocus && setTimeout(() => {
+      this.inputEl.focus();
+    });
+  }
+  watchValue(t, i) {
+    t !== i && this.valueChange.emit(t);
+  }
+  handleAutoSelect(t) {
+    !this.autoSelect || t.target.select();
+  }
+  render() {
+    const t = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, i = l("color-input", {
+      "color-input--inline": this.inline
+    });
+    return e(o, null, e("div", { class: i }, e("input", { "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": t, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 9, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (s) => this.inputEl = s, required: this.required, spellcheck: "false", type: "text", value: this.value }), e("span", { class: "color-input__preview", style: {
+      backgroundColor: this.disabled ? "var(--s-border-subdued)" : this.value
+    } })));
+  }
+  static get watchers() {
+    return {
+      value: ["watchValue"]
+    };
+  }
+};
+u.style = a;
+export {
+  u as swirl_color_input
+};

package/dist/{swirl-columns.entry.059d909a.js → swirl-columns.entry.8d1c5b10.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as i } from "./index.d2e73740.js";
+import { r as t, h as s, H as i } from "./index.edf538ad.js";
 import "react";
 import "react-dom";
 const l = ":host{display:block}:host *{box-sizing:border-box}.columns{display:grid;width:100%}", r = class {