@getflip/swirl-components-react 0.56.1 → 0.57.1

package/dist/{swirl-theme-provider.entry.f1e04902.js → swirl-theme-provider.entry.7e6438b1.js}

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

package/dist/{swirl-toast-provider.entry.0d94f996.js → swirl-toast-provider.entry.164e706f.js}

@@ -1,4 +1,4 @@
-import { r as n, h as a, H as r } from "./index.20393dfd.js";
+import { r as n, h as a, H as r } from "./index.c9511ef4.js";
 import "react";
 import "react-dom";
 const c = class {

package/dist/{swirl-toast.entry.646abea2.js → swirl-toast.entry.82076062.js}

@@ -1,4 +1,4 @@
-import { r as a, c as n, h as i, H as r } from "./index.20393dfd.js";
+import { r as a, c as n, h as i, H as r } from "./index.c9511ef4.js";
 import { c as d } from "./index-d280dafb.186cdb0e.js";
 import { a as c } from "./utils-61f188cc.4a43deab.js";
 import "react";

package/dist/{swirl-tooltip.entry.70602095.js → swirl-tooltip.entry.ffb505df.js}

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

package/dist/{swirl-tree-navigation-item.entry.e379bcd5.js → swirl-tree-navigation-item.entry.adb0e3e4.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, H as s, g as r } from "./index.20393dfd.js";
+import { r as t, h as i, H as s, g as r } from "./index.c9511ef4.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-video-thumbnail.entry.f49dc6f2.js → swirl-video-thumbnail.entry.87ee4a25.js}

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

package/dist/{swirl-visually-hidden.entry.1e5c609d.js → swirl-visually-hidden.entry.e38bce4d.js}

@@ -1,4 +1,4 @@
-import { r as s, h as i, H as l } from "./index.20393dfd.js";
+import { r as s, h as i, H as l } from "./index.c9511ef4.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.5536f5b7.js → wc-datepicker.entry.5d25274a.js}

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

package/package.json

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

package/dist/swirl-select.entry.f6f716d6.js

@@ -1,48 +0,0 @@
-import { r as a, c as r, h as e, H as c, g as d } from "./index.20393dfd.js";
-import { c as h } from "./index-d280dafb.186cdb0e.js";
-import { q as p } from "./utils-61f188cc.4a43deab.js";
-import "react";
-import "react-dom";
-const u = ".sc-swirl-select-h{display:block;width:100%}.sc-swirl-select-h *.sc-swirl-select{box-sizing:border-box}.select.sc-swirl-select{position:relative;display:flex;width:100%}.select--disabled.sc-swirl-select .select__label.sc-swirl-select{color:var(--s-text-disabled)}.select--disabled.sc-swirl-select .select__indicator.sc-swirl-select{color:var(--s-icon-disabled)}.select--inline.sc-swirl-select .select__indicator.sc-swirl-select{top:0}.select__label.sc-swirl-select{display:block;overflow:hidden;width:100%;height:1.375rem;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));border:none;background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:default}.select__label.sc-swirl-select:focus{outline:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__label.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__indicator.sc-swirl-select{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;color:var(--s-icon-default)}", v = class {
-  constructor(s) {
-    a(this, s), this.valueChange = r(this, "valueChange", 7), this.select = (i) => {
-      this.value = i.detail, this.valueChange.emit(this.value), this.multiSelect || this.popover.close();
-    }, this.onSlotChange = () => {
-      this.updateOptions();
-    }, this.onOpen = () => {
-      this.open = !0;
-    }, this.onClose = () => {
-      this.open = !1;
-    }, this.onKeyDown = (i) => {
-      (i.code === "Space" || i.code === "Enter") && (i.preventDefault(), this.popover.open());
-    }, this.disabled = void 0, this.inline = void 0, this.invalid = void 0, this.label = void 0, this.multiSelect = void 0, this.required = void 0, this.selectId = Math.round(Math.random() * 1e6).toString(), this.swirlAriaDescribedby = void 0, this.value = void 0, this.options = [], this.open = void 0;
-  }
-  componentWillLoad() {
-    queueMicrotask(() => {
-      this.updateOptions();
-    });
-  }
-  onWindowFocusIn(s) {
-    s.target === this.el.querySelector("input") && s.stopImmediatePropagation();
-  }
-  updateOptions() {
-    this.options = p(this.el, "swirl-option-list-item");
-  }
-  render() {
-    const s = Boolean(this.value) ? this.value.map((t) => {
-      var l;
-      return (l = this.options.find((o) => o.value === t)) === null || l === void 0 ? void 0 : l.label;
-    }).join(", ") : "", i = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, n = h("select", {
-      "select--disabled": this.disabled,
-      "select--inline": this.inline
-    });
-    return e(c, { onKeyDown: this.onKeyDown }, e("div", { class: n }, e("input", { "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": i, class: "select__label", disabled: this.disabled, id: `trigger-${this.selectId}`, readOnly: !0, type: "text", value: s }), e("span", { class: "select__indicator" }, this.open ? e("swirl-icon-expand-less", null) : e("swirl-icon-expand-more", null)), e("swirl-popover", { animation: "scale-in-y", class: "select__popover", enableFlip: !1, label: this.label, offset: [16, -16], onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, popoverId: `select-options-${this.selectId}`, ref: (t) => this.popover = t, trigger: `trigger-${this.selectId}`, useContainerWidth: "swirl-form-control" }, e("swirl-option-list", { onValueChange: this.select, multiSelect: this.multiSelect, value: this.value }, e("slot", { onSlotchange: this.onSlotChange })))));
-  }
-  get el() {
-    return d(this);
-  }
-};
-v.style = u;
-export {
-  v as swirl_select
-};