@getflip/swirl-components-react 0.97.0 → 0.98.0

package/dist/{swirl-autocomplete.entry.97ab4d12.js → swirl-autocomplete.entry.5ee17b56.js}

@@ -1,4 +1,4 @@
-import { r as p, c as m, h as o, H as g, g as f } from "./index.e3421596.js";
+import { r as p, c as m, h as o, H as g, g as f } from "./index.79e9bac7.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.cca4807e.js → swirl-avatar-group.entry.195b4093.js}

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

package/dist/{swirl-avatar.entry.e493c239.js → swirl-avatar.entry.c23104f1.js}

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

package/dist/{swirl-badge.entry.26d65abd.js → swirl-badge.entry.5e4be3d0.js}

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

package/dist/{swirl-banner.entry.02450966.js → swirl-banner.entry.0d1bec65.js}

@@ -1,4 +1,4 @@
-import { r as o, c as r, h as t, H as c, g as l } from "./index.e3421596.js";
+import { r as o, c as r, h as t, H as c, g as l } from "./index.79e9bac7.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.9395ace4.js → swirl-button-group.entry.eafc79f4.js}

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

package/dist/{swirl-button.entry.a0ccf5ce.js → swirl-button.entry.b562c5dd.js}

@@ -1,4 +1,4 @@
-import { r as e, h as i, H as l, g as u } from "./index.e3421596.js";
+import { r as e, h as i, H as l, g as u } from "./index.79e9bac7.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.e7c420ad.js → swirl-card.entry.9555a515.js}

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

package/dist/{swirl-carousel-slide.entry.01339841.js → swirl-carousel-slide.entry.cc628a87.js}

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

package/dist/{swirl-carousel.entry.87124bb5.js → swirl-carousel.entry.4b7d56bd.js}

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

package/dist/{swirl-checkbox.entry.8c3f7573.js → swirl-checkbox.entry.0a06cb8f.js}

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

package/dist/{swirl-chip.entry.36a078b7.js → swirl-chip.entry.c611335c.js}

@@ -1,4 +1,4 @@
-import { r as t, c as o, h as r, H as h, g as n } from "./index.e3421596.js";
+import { r as t, c as o, h as r, H as h, g as n } from "./index.79e9bac7.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.ce9e29c8.js

@@ -0,0 +1,46 @@
+import { r as n, c as r, h as e, H as o } from "./index.79e9bac7.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.6f6925ac.js → swirl-columns.entry.30d2035c.js}

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