@getflip/swirl-components-react 0.99.0 → 0.100.0

package/dist/{swirl-tooltip.entry.178da8a6.js → swirl-tooltip.entry.13db260f.js}

@@ -1,4 +1,4 @@
-import { r as n, h as i, H as r } from "./index.fec1d5e0.js";
+import { r as n, h as i, H as r } from "./index.28538bde.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.e86e3f39.js → swirl-tree-navigation-item.entry.142b4471.js}

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

package/dist/{swirl-video-thumbnail.entry.798260d4.js → swirl-video-thumbnail.entry.d1bbf444.js}

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

package/dist/{swirl-visually-hidden.entry.459b68e2.js → swirl-visually-hidden.entry.80ea023e.js}

@@ -1,4 +1,4 @@
-import { r as s, h as i, H as l } from "./index.fec1d5e0.js";
+import { r as s, h as i, H as l } from "./index.28538bde.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.e21f8910.js → wc-datepicker.entry.32395b78.js}

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

package/package.json

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

package/dist/swirl-accordion.entry.ef8a5de5.js

@@ -1,36 +0,0 @@
-import { r as s, h as t, H as i, g as l } from "./index.fec1d5e0.js";
-import "react";
-import "react-dom";
-const n = ":host{display:block}:host *{box-sizing:border-box}", c = class {
-  constructor(e) {
-    s(this, e);
-  }
-  componentDidLoad() {
-    this.el.addEventListener("expansionChange", (e) => {
-      e.detail && this.collapseInactiveItems(e.target);
-    });
-  }
-  async collapseItem(e) {
-    const r = Array.from(this.el.querySelectorAll("swirl-accordion-item")).find((o) => o.itemId === e);
-    !Boolean(r) || r.collapse();
-  }
-  async expandItem(e) {
-    const r = Array.from(this.el.querySelectorAll("swirl-accordion-item")).find((o) => o.itemId === e);
-    !Boolean(r) || r.expand();
-  }
-  collapseInactiveItems(e) {
-    Array.from(this.el.querySelectorAll("swirl-accordion-item")).forEach((r) => {
-      r !== e && r.collapse();
-    });
-  }
-  render() {
-    return t(i, null, t("slot", null));
-  }
-  get el() {
-    return l(this);
-  }
-};
-c.style = n;
-export {
-  c as swirl_accordion
-};

package/dist/swirl-color-input.entry.57b820bd.js

@@ -1,46 +0,0 @@
-import { r as n, c as r, h as e, H as o } from "./index.fec1d5e0.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
-};