@getflip/swirl-components-react 0.1.0 → 0.1.1

package/dist/{flip-icon-manage-accounts.entry.11cc3149.js → flip-icon-manage-accounts.entry.13926348.js}

@@ -1,4 +1,4 @@
-import { r as l, h as C, F as t } from "./main.7e7363a7.js";
+import { r as l, h as C, F as t } from "./main.c9b46168.js";
 import "react";
 import "react-dom";
 const i = ":host{display:inline-flex}", r = class {

package/dist/{flip-icon-mention.entry.32771810.js → flip-icon-mention.entry.43a08812.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./main.7e7363a7.js";
+import { r as t, h as C, F as i } from "./main.c9b46168.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", n = class {

package/dist/{flip-icon-message.entry.636088c3.js → flip-icon-message.entry.e45d5f55.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as s } from "./main.7e7363a7.js";
+import { r as t, h as C, F as s } from "./main.c9b46168.js";
 import "react";
 import "react-dom";
 const e = ":host{display:inline-flex}", l = class {

package/dist/{flip-icon-more-horizontal.entry.38f14508.js → flip-icon-more-horizontal.entry.175a91a7.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./main.7e7363a7.js";
+import { r as t, h as C, F as i } from "./main.c9b46168.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", o = class {

package/dist/{flip-icon-more-vertikal.entry.8a4c613a.js → flip-icon-more-vertikal.entry.855f16e5.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./main.7e7363a7.js";
+import { r as t, h as C, F as i } from "./main.c9b46168.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", r = class {

package/dist/{flip-icon-notifications-active.entry.5658308d.js → flip-icon-notifications-active.entry.0591ff75.js}

@@ -1,4 +1,4 @@
-import { r as s, h as C, F as i } from "./main.7e7363a7.js";
+import { r as s, h as C, F as i } from "./main.c9b46168.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", o = class {

package/dist/{flip-icon-notifications-off.entry.8d3b11ff.js → flip-icon-notifications-off.entry.59926148.js}

@@ -1,4 +1,4 @@
-import { r as o, h as i, F as s } from "./main.7e7363a7.js";
+import { r as o, h as i, F as s } from "./main.c9b46168.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", C = class {

package/dist/{flip-icon-notifications.entry.91f77dd2.js → flip-icon-notifications.entry.b3b4169c.js}

@@ -1,4 +1,4 @@
-import { r as l, h as i, F as s } from "./main.7e7363a7.js";
+import { r as l, h as i, F as s } from "./main.c9b46168.js";
 import "react";
 import "react-dom";
 const o = ":host{display:inline-flex}", C = class {

package/dist/{flip-icon-people-alt.entry.b0b2e20c.js → flip-icon-people-alt.entry.b9304d1e.js}

@@ -1,4 +1,4 @@
-import { r as i, h as l, F as e } from "./main.7e7363a7.js";
+import { r as i, h as l, F as e } from "./main.c9b46168.js";
 import "react";
 import "react-dom";
 const C = ":host{display:inline-flex}", o = class {

package/dist/{flip-icon-person-off.entry.e79df0e6.js → flip-icon-person-off.entry.26c00153.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, F as i } from "./main.7e7363a7.js";
+import { r as t, h as s, F as i } from "./main.c9b46168.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", r = class {

package/dist/{flip-icon-person.entry.1bc59e68.js → flip-icon-person.entry.ed4eca20.js}

@@ -1,4 +1,4 @@
-import { r as l, h as s, F as i } from "./main.7e7363a7.js";
+import { r as l, h as s, F as i } from "./main.c9b46168.js";
 import "react";
 import "react-dom";
 const r = ":host{display:inline-flex}", C = class {

package/dist/{flip-icon-phone.entry.03e81177.js → flip-icon-phone.entry.add9f8fc.js}

@@ -1,4 +1,4 @@
-import { r as l, h as i, F as s } from "./main.7e7363a7.js";
+import { r as l, h as i, F as s } from "./main.c9b46168.js";
 import "react";
 import "react-dom";
 const C = ":host{display:inline-flex}", e = class {

package/dist/{flip-icon-poll.entry.4e059f77.js → flip-icon-poll.entry.37836068.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./main.7e7363a7.js";
+import { r as t, h as C, F as i } from "./main.c9b46168.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", o = class {

package/dist/{flip-icon-recieved.entry.e3410f9e.js → flip-icon-recieved.entry.850deffd.js}

@@ -1,4 +1,4 @@
-import { r as s, h as i, F as t } from "./main.7e7363a7.js";
+import { r as s, h as i, F as t } from "./main.c9b46168.js";
 import "react";
 import "react-dom";
 const r = ":host{display:inline-flex}", e = class {

package/dist/{flip-icon-search-strong.entry.ec0849a6.js → flip-icon-search-strong.entry.fec41c91.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as s } from "./main.7e7363a7.js";
+import { r as t, h as C, F as s } from "./main.c9b46168.js";
 import "react";
 import "react-dom";
 const r = ":host{display:inline-flex}", l = class {

package/dist/{flip-icon-send.entry.3f80869c.js → flip-icon-send.entry.e687d6bb.js}

@@ -1,4 +1,4 @@
-import { r as C, h as i, F as s } from "./main.7e7363a7.js";
+import { r as C, h as i, F as s } from "./main.c9b46168.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", e = class {

package/dist/{flip-icon-settings.entry.c86a7bca.js → flip-icon-settings.entry.2e503ce9.js}

@@ -1,4 +1,4 @@
-import { r as s, h as C, F as L } from "./main.7e7363a7.js";
+import { r as s, h as C, F as L } from "./main.c9b46168.js";
 import "react";
 import "react-dom";
 const t = ":host{display:inline-flex}", l = class {

package/dist/{flip-icon-time-filled.entry.ad86a08f.js → flip-icon-time-filled.entry.27c31492.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./main.7e7363a7.js";
+import { r as t, h as C, F as i } from "./main.c9b46168.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", e = class {

package/dist/{flip-icon-time-outlined.entry.75a29f76.js → flip-icon-time-outlined.entry.c1a0b4dd.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./main.7e7363a7.js";
+import { r as t, h as C, F as i } from "./main.c9b46168.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", e = class {

package/dist/{flip-icon-today.entry.ab272990.js → flip-icon-today.entry.4d38a769.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./main.7e7363a7.js";
+import { r as t, h as C, F as i } from "./main.c9b46168.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", o = class {

package/dist/{flip-icon-user-assign.entry.1f331180.js → flip-icon-user-assign.entry.10daebb0.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as s } from "./main.7e7363a7.js";
+import { r as t, h as C, F as s } from "./main.c9b46168.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", r = class {

package/dist/{flip-icon-video-camera.entry.40ea3d7d.js → flip-icon-video-camera.entry.984108e1.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./main.7e7363a7.js";
+import { r as t, h as C, F as i } from "./main.c9b46168.js";
 import "react";
 import "react-dom";
 const e = ":host{display:inline-flex}", l = class {

package/dist/{flip-icon-visibility-off.entry.ed4db3b5.js → flip-icon-visibility-off.entry.6a6e6a24.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./main.7e7363a7.js";
+import { r as t, h as C, F as i } from "./main.c9b46168.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", r = class {

package/dist/{flip-icon-visibility.entry.1a7dfd44.js → flip-icon-visibility.entry.0d16fd8e.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, F as C } from "./main.7e7363a7.js";
+import { r as t, h as i, F as C } from "./main.c9b46168.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", r = class {

package/dist/{flip-icon-warning.entry.1c1540b8.js → flip-icon-warning.entry.f8cdae30.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./main.7e7363a7.js";
+import { r as t, h as C, F as i } from "./main.c9b46168.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", n = class {

package/dist/{flip-spinner.entry.f8f179be.js → flip-inline-error_2.entry.17e93f00.js}

@@ -1,17 +1,28 @@
-import { r, h as e, H as i } from "./main.7e7363a7.js";
+import { r as i, h as e, H as r } from "./main.c9b46168.js";
 import { c as n } from "./index-3c78bcaf.2675909b.js";
 import "react";
 import "react-dom";
-const t = ":host{display:inline-flex}:host *{box-sizing:border-box}.spinner{position:relative;display:inline-flex;overflow:hidden;width:2.25rem;height:2.25rem}.spinner--size-s{width:1.5rem;height:1.5rem}.spinner--size-s .spinner__circle{stroke-width:0.1875rem}.spinner__indicator{position:absolute;inset:0;width:100%;height:100%;transform-origin:center center;-webkit-animation:spinner-rotate 2s linear infinite;animation:spinner-rotate 2s linear infinite}.spinner__background{stroke:var(--s-border-default);stroke-linecap:round}.spinner__circle{-webkit-animation:spinner-dash 1.5s ease-in-out infinite;animation:spinner-dash 1.5s ease-in-out infinite;stroke:var(--s-interactive-primary-default);stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round}@-webkit-keyframes spinner-rotate{100%{transform:rotate(360deg)}}@keyframes spinner-rotate{100%{transform:rotate(360deg)}}@-webkit-keyframes spinner-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124}}@keyframes spinner-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124}}", a = class {
+const t = ":host{display:inline-flex}:host *{box-sizing:border-box}.inline-error{display:inline-flex;color:var(--s-text-critical);line-height:var(--s-line-height-base)}.inline-error--size-s{font-size:var(--s-font-size-sm)}.inline-error--size-s .inline-error__icon{padding-top:0.1875rem}.inline-error--size-s .inline-error__message{padding-top:0}.inline-error__icon{display:inline-flex;color:var(--s-icon-critical)}.inline-error__message{margin-left:var(--s-space-4);padding-top:var(--s-space-2)}", o = class {
   constructor(s) {
-    r(this, s), this.size = "m";
+    i(this, s), this.size = "m";
+  }
+  render() {
+    const s = this.size === "m" ? 24 : 16, a = n("inline-error", `inline-error--size-${this.size}`);
+    return e(r, null, e("span", { class: a }, e("span", { class: "inline-error__icon" }, e("flip-icon-error", { size: s })), e("span", { class: "inline-error__message" }, this.message)));
+  }
+};
+o.style = t;
+const l = ":host{display:inline-flex}:host *{box-sizing:border-box}.spinner{position:relative;display:inline-flex;overflow:hidden;width:2.25rem;height:2.25rem}.spinner--size-s{width:1.5rem;height:1.5rem}.spinner--size-s .spinner__circle{stroke-width:0.1875rem}.spinner__indicator{position:absolute;inset:0;width:100%;height:100%;transform-origin:center center;-webkit-animation:spinner-rotate 2s linear infinite;animation:spinner-rotate 2s linear infinite}.spinner__background{stroke:var(--s-border-default);stroke-linecap:round}.spinner__circle{-webkit-animation:spinner-dash 1.5s ease-in-out infinite;animation:spinner-dash 1.5s ease-in-out infinite;stroke:var(--s-interactive-primary-default);stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round}@-webkit-keyframes spinner-rotate{100%{transform:rotate(360deg)}}@keyframes spinner-rotate{100%{transform:rotate(360deg)}}@-webkit-keyframes spinner-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124}}@keyframes spinner-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124}}", c = class {
+  constructor(s) {
+    i(this, s), this.size = "m";
   }
   render() {
     const s = n("spinner", `spinner--size-${this.size}`);
-    return e(i, null, e("span", { class: s, role: Boolean(this.label) ? "status" : void 0 }, e("svg", { "aria-hidden": "true", class: "spinner__indicator", focusable: "false", viewBox: "0 0 50 50" }, e("circle", { class: "spinner__background", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" }), e("circle", { class: "spinner__circle", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" })), this.label && e("flip-visually-hidden", null, e("span", { class: "spinner__label" }, this.label))));
+    return e(r, null, e("span", { class: s, role: Boolean(this.label) ? "status" : void 0 }, e("svg", { "aria-hidden": "true", class: "spinner__indicator", focusable: "false", viewBox: "0 0 50 50" }, e("circle", { class: "spinner__background", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" }), e("circle", { class: "spinner__circle", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" })), this.label && e("flip-visually-hidden", null, e("span", { class: "spinner__label" }, this.label))));
   }
 };
-a.style = t;
+c.style = l;
 export {
-  a as flip_spinner
+  o as flip_inline_error,
+  c as flip_spinner
 };

package/dist/{flip-link.entry.fe817ab1.js → flip-link.entry.2f2bd6f0.js}

@@ -1,4 +1,4 @@
-import { r as i, h as r, H as t } from "./main.7e7363a7.js";
+import { r as i, h as r, H as t } from "./main.c9b46168.js";
 import "react";
 import "react-dom";
 const s = ":host{display:inline-flex}:host *{box-sizing:border-box}.link{color:var(--s-interactive-primary-default);line-height:var(--s-line-height-base);text-underline-offset:var(--s-space-4)}.link:hover{color:var(--s-interactive-primary-hovered)}.link:active{color:var(--s-interactive-primary-pressed)}", a = class {

package/dist/flip-popover.entry.6309d3d5.js

@@ -0,0 +1,179 @@
+import { r as w, h as r, H as k, g as _ } from "./main.c9b46168.js";
+import { a as x, c as S, s as C, f as T } from "./floating-ui.dom.esm-1a4e8b8a.87557233.js";
+import { c as A } from "./index-3c78bcaf.2675909b.js";
+import { q as m } from "./utils-03e3261c.f5223801.js";
+import "react";
+import "react-dom";
+function B(t) {
+  if (Array.isArray(t)) {
+    for (var o = 0, e = Array(t.length); o < t.length; o++)
+      e[o] = t[o];
+    return e;
+  } else
+    return Array.from(t);
+}
+var f = !1;
+if (typeof window < "u") {
+  var h = {
+    get passive() {
+      f = !0;
+    }
+  };
+  window.addEventListener("testPassive", null, h), window.removeEventListener("testPassive", null, h);
+}
+var p = typeof window < "u" && window.navigator && window.navigator.platform && (/iP(ad|hone|od)/.test(window.navigator.platform) || window.navigator.platform === "MacIntel" && window.navigator.maxTouchPoints > 1), s = [], c = !1, b = -1, l = void 0, a = void 0, d = void 0, y = function(o) {
+  return s.some(function(e) {
+    return !!(e.options.allowTouchMove && e.options.allowTouchMove(o));
+  });
+}, u = function(o) {
+  var e = o || window.event;
+  return y(e.target) || e.touches.length > 1 ? !0 : (e.preventDefault && e.preventDefault(), !1);
+}, I = function(o) {
+  if (d === void 0) {
+    var e = !!o && o.reserveScrollBarGap === !0, n = window.innerWidth - document.documentElement.clientWidth;
+    if (e && n > 0) {
+      var i = parseInt(window.getComputedStyle(document.body).getPropertyValue("padding-right"), 10);
+      d = document.body.style.paddingRight, document.body.style.paddingRight = i + n + "px";
+    }
+  }
+  l === void 0 && (l = document.body.style.overflow, document.body.style.overflow = "hidden");
+}, P = function() {
+  d !== void 0 && (document.body.style.paddingRight = d, d = void 0), l !== void 0 && (document.body.style.overflow = l, l = void 0);
+}, E = function() {
+  return window.requestAnimationFrame(function() {
+    if (a === void 0) {
+      a = {
+        position: document.body.style.position,
+        top: document.body.style.top,
+        left: document.body.style.left
+      };
+      var o = window, e = o.scrollY, n = o.scrollX, i = o.innerHeight;
+      document.body.style.position = "fixed", document.body.style.top = -e, document.body.style.left = -n, setTimeout(function() {
+        return window.requestAnimationFrame(function() {
+          var v = i - window.innerHeight;
+          v && e >= i && (document.body.style.top = -(e + v));
+        });
+      }, 300);
+    }
+  });
+}, M = function() {
+  if (a !== void 0) {
+    var o = -parseInt(document.body.style.top, 10), e = -parseInt(document.body.style.left, 10);
+    document.body.style.position = a.position, document.body.style.top = a.top, document.body.style.left = a.left, window.scrollTo(e, o), a = void 0;
+  }
+}, Y = function(o) {
+  return o ? o.scrollHeight - o.scrollTop <= o.clientHeight : !1;
+}, F = function(o, e) {
+  var n = o.targetTouches[0].clientY - b;
+  return y(o.target) ? !1 : e && e.scrollTop === 0 && n > 0 || Y(e) && n < 0 ? u(o) : (o.stopPropagation(), !0);
+}, L = function(o, e) {
+  if (!o) {
+    console.error("disableBodyScroll unsuccessful - targetElement must be provided when calling disableBodyScroll on IOS devices.");
+    return;
+  }
+  if (!s.some(function(i) {
+    return i.targetElement === o;
+  })) {
+    var n = {
+      targetElement: o,
+      options: e || {}
+    };
+    s = [].concat(B(s), [n]), p ? E() : I(e), p && (o.ontouchstart = function(i) {
+      i.targetTouches.length === 1 && (b = i.targetTouches[0].clientY);
+    }, o.ontouchmove = function(i) {
+      i.targetTouches.length === 1 && F(i, o);
+    }, c || (document.addEventListener("touchmove", u, f ? { passive: !1 } : void 0), c = !0));
+  }
+}, g = function(o) {
+  if (!o) {
+    console.error("enableBodyScroll unsuccessful - targetElement must be provided when calling enableBodyScroll on IOS devices.");
+    return;
+  }
+  s = s.filter(function(e) {
+    return e.targetElement !== o;
+  }), p && (o.ontouchstart = null, o.ontouchmove = null, c && s.length === 0 && (document.removeEventListener("touchmove", u, f ? { passive: !1 } : void 0), c = !1)), p ? M() : P();
+};
+const D = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:host *{box-sizing:border-box}.popover--active:not(.popover--closing) .popover__backdrop{-webkit-animation:0.15s popover-fade-in;animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__backdrop{-webkit-animation:none;animation:none}}.popover--active:not(.popover--closing) .popover__content{-webkit-animation:0.15s popover-slide-in;animation:0.15s popover-slide-in}@media (min-width: 768px){.popover--active:not(.popover--closing) .popover__content{transform-origin:top left;-webkit-animation:0.15s popover-fade-scale-in;animation:0.15s popover-fade-scale-in}}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__content{-webkit-animation:none;animation:none}}.popover--closing .popover__backdrop{-webkit-animation:0.15s popover-fade-out;animation:0.15s popover-fade-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--closing .popover__backdrop{-webkit-animation:none;animation:none}}.popover--closing .popover__content{-webkit-animation:0.15s popover-slide-out;animation:0.15s popover-slide-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (min-width: 768px){.popover--closing .popover__content{-webkit-animation:0.15s popover-fade-out;animation:0.15s popover-fade-out}}@media (prefers-reduced-motion){.popover--closing .popover__content{-webkit-animation:none;animation:none}}.popover--inactive .popover__content{display:none}.popover__backdrop{position:fixed;z-index:0;background-color:rgba(0, 0, 0, 0.2);-webkit-animation:0.15s popover-backdrop-fade-in;animation:0.15s popover-backdrop-fade-in;inset:0}@media (prefers-reduced-motion){.popover__backdrop{-webkit-animation:none;animation:none}}@media (min-width: 768px){.popover__backdrop{display:none}}.popover__content{position:fixed;z-index:2;right:0;bottom:0;left:0;overflow:hidden;border-top-left-radius:var(--s-border-radius-xl);border-top-right-radius:var(--s-border-radius-xl);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.popover__content{right:unset;bottom:unset;left:unset;max-width:22.5rem;border-radius:var(--s-border-radius-xl);-webkit-animation:none;animation:none;box-shadow:0.125rem 0.25rem 2.5rem rgba(0, 0, 0, 0.14)}}.popover__scroll-container{overflow-x:hidden;overflow-y:auto;width:100%;max-height:90vh;padding-top:var(--s-space-24);padding-bottom:var(--s-space-24);overscroll-behavior:contain}@media (min-width: 768px){.popover__scroll-container{max-height:19rem;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8)}}.popover__handle{position:absolute;top:var(--s-space-8);left:50%;width:2.5rem;height:0.375rem;border-radius:0.1875rem;background-color:var(--s-border-default);transform:translatex(-50%)}@media (min-width: 768px){.popover__handle{display:none}}@-webkit-keyframes popover-slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes popover-slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@-webkit-keyframes popover-slide-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes popover-slide-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@-webkit-keyframes popover-fade-in{from{opacity:0}to{opacity:1}}@keyframes popover-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes popover-fade-out{from{opacity:1}to{opacity:0}}@keyframes popover-fade-out{from{opacity:1}to{opacity:0}}@-webkit-keyframes popover-fade-scale-in{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes popover-fade-scale-in{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}", H = class {
+  constructor(t) {
+    w(this, t), this.active = !1, this.closing = !1, this.close = () => {
+      var o;
+      this.closing || (this.disableAutoUpdate && this.disableAutoUpdate(), this.closing = !0, setTimeout(() => {
+        this.active = !1, this.closing = !1, this.updateTriggerAttributes();
+      }, 150), this.unlockBodyScroll(), (o = this.triggerEl) === null || o === void 0 || o.focus());
+    }, this.open = () => {
+      this.active = !0, this.updateChildMenuItems(), this.updateTriggerAttributes(), requestAnimationFrame(async () => {
+        await this.reposition(), this.childMenuItems.length > 0 ? this.childMenuItems[0].focus() : this.contentContainer.focus(), this.disableAutoUpdate && this.disableAutoUpdate(), this.disableAutoUpdate = x(this.triggerEl, this.contentContainer, this.reposition), this.scrollContainer.scrollTop = 0, this.lockBodyScroll();
+      });
+    }, this.toggle = () => {
+      this.active ? this.close() : this.open();
+    }, this.onKeydown = (o) => {
+      o.code === "Escape" && this.active && this.close();
+    }, this.onContentClick = () => {
+      !this.active || this.close();
+    }, this.reposition = async () => {
+      const o = !window.matchMedia("(min-width: 768px)").matches;
+      if (!(!Boolean(this.triggerEl) || !Boolean(this.contentContainer))) {
+        if (o) {
+          this.position = void 0;
+          return;
+        }
+        this.position = await S(this.triggerEl, this.contentContainer, {
+          middleware: [C(), T()],
+          placement: "bottom-start",
+          strategy: "fixed"
+        });
+      }
+    };
+  }
+  componentDidLoad() {
+    this.connectTrigger(), this.updateChildMenuItems(), this.updateTriggerAttributes();
+  }
+  disconnectedCallback() {
+    g(this.scrollContainer);
+  }
+  onWindowFocusout(t) {
+    if (!this.active)
+      return;
+    const o = t.relatedTarget;
+    (o === null || !this.el.contains(o) && !this.childMenuItems.some((n) => {
+      var i;
+      return (i = o.shadowRoot) === null || i === void 0 ? void 0 : i.contains(n);
+    })) && this.close();
+  }
+  connectTrigger() {
+    var t;
+    const o = m(document.body, `#${this.trigger}`)[0];
+    this.triggerEl = (o == null ? void 0 : o.children[0]) || ((t = o == null ? void 0 : o.shadowRoot) === null || t === void 0 ? void 0 : t.children[0]) || o, Boolean(this.triggerEl) && this.triggerEl.addEventListener("click", this.toggle);
+  }
+  updateTriggerAttributes() {
+    !Boolean(this.triggerEl) || (this.triggerEl.setAttribute("aria-controls", this.popoverId), this.triggerEl.setAttribute("aria-expanded", String(this.active)), this.triggerEl.setAttribute("aria-haspopup", "dialog"));
+  }
+  updateChildMenuItems() {
+    this.childMenuItems = m(this.el, '[role="menuitem"]');
+  }
+  lockBodyScroll() {
+    window.matchMedia("(min-width: 768px)").matches || L(this.scrollContainer);
+  }
+  unlockBodyScroll() {
+    g(this.scrollContainer);
+  }
+  render() {
+    var t, o;
+    const e = A("popover", {
+      "popover--closing": this.closing,
+      "popover--active": this.active,
+      "popover--inactive": !this.active
+    });
+    return r(k, { id: this.popoverId }, r("div", { class: e, onKeyDown: this.onKeydown }, r("div", { "aria-hidden": this.active ? "false" : "true", "aria-label": this.label, class: "popover__content", onClick: this.onContentClick, role: "dialog", tabindex: "-1", ref: (n) => this.contentContainer = n, style: {
+      top: Boolean(this.position) ? `${(t = this.position) === null || t === void 0 ? void 0 : t.y}px` : "",
+      left: Boolean(this.position) ? `${(o = this.position) === null || o === void 0 ? void 0 : o.x}px` : ""
+    } }, r("span", { class: "popover__handle" }), r("div", { class: "popover__scroll-container", ref: (n) => this.scrollContainer = n }, r("slot", null))), this.active && r("div", { class: "popover__backdrop", onClick: this.close })));
+  }
+  get el() {
+    return _(this);
+  }
+};
+H.style = D;
+export {
+  H as flip_popover
+};

package/dist/{flip-radio-group.entry.187f29ee.js → flip-radio-group.entry.afff6fac.js}

@@ -1,4 +1,4 @@
-import { r as a, c as s, h as r, H as l, g as n } from "./main.7e7363a7.js";
+import { r as a, c as s, h as r, H as l, g as n } from "./main.c9b46168.js";
 import "react";
 import "react-dom";
 const u = ".sc-flip-radio-group-h{display:block}.sc-flip-radio-group-h *.sc-flip-radio-group{box-sizing:border-box}.radio-group.sc-flip-radio-group{display:flex;flex-direction:column;gap:var(--s-space-4)}", d = class {

package/dist/{flip-radio.entry.817d976d.js → flip-radio.entry.9f9bc376.js}

@@ -1,4 +1,4 @@
-import { r as s, c as l, h as i, H as c } from "./main.7e7363a7.js";
+import { r as s, c as l, h as i, H as c } from "./main.c9b46168.js";
 import { c as t } from "./index-3c78bcaf.2675909b.js";
 import "react";
 import "react-dom";

package/dist/flip-resource-list-file-item.entry.f74d3bd3.js

@@ -0,0 +1,19 @@
+import { r as l, c as a, h as e, H as n } from "./main.c9b46168.js";
+import { c } from "./index-3c78bcaf.2675909b.js";
+import "react";
+import "react-dom";
+const p = ':host{display:block;width:100%}:host *{box-sizing:border-box}.resource-list-file-item{position:relative;display:flex;width:100%;padding:var(--s-space-12) var(--s-space-16);align-items:center;background-color:var(--s-background-default);line-height:var(--s-line-height-base);gap:var(--s-space-12)}.resource-list-file-item:focus{background-color:var(--s-background-hovered);outline:none}.resource-list-file-item--has-control .resource-list-file-item__label-container{padding-right:calc(var(--s-space-12) + 2.5rem)}.resource-list-file-item__icon{color:var(--s-icon-highlight)}.resource-list-file-item__label-container{position:relative;display:flex;min-width:0;min-height:2.875rem;flex-grow:1;justify-content:center;flex-direction:column}.resource-list-file-item__label-container:after{position:absolute;right:0;bottom:calc(-1 * var(--s-space-12) + 0.0625rem);left:0;height:0.0625rem;background-color:var(--s-border-default);content:""}.resource-list-file-item__label{overflow:hidden;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.resource-list-file-item__description{overflow:hidden;margin-top:var(--s-space-2);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-file-item__error-message{margin-top:var(--s-space-2)}.resource-list-file-item__remove-button{position:absolute;top:50%;right:var(--s-space-16);display:inline-flex;transform:translateY(-50%)}.resource-list-file-item__spinner{position:absolute;top:50%;right:var(--s-space-24);display:inline-flex;transform:translateY(-50%)}', m = class {
+  constructor(i) {
+    l(this, i), this.remove = a(this, "remove", 7), this.icon = "<flip-icon-file></flip-icon-file>", this.removeButtonLabel = "Remove file";
+  }
+  render() {
+    const i = Boolean(this.errorMessage), r = !i && Boolean(this.description), s = !i && this.loading, t = this.removable && !s, o = c("resource-list-file-item", {
+      "resource-list-file-item--has-control": s || t
+    });
+    return e(n, { role: "row" }, e("div", { class: o, role: "gridcell" }, e("span", { class: "resource-list-file-item__icon", innerHTML: this.icon }), e("span", { class: "resource-list-file-item__label-container" }, e("span", { class: "resource-list-file-item__label", id: "label" }, this.label), r && e("span", { class: "resource-list-file-item__description" }, this.description), i && e("span", { "aria-live": "polite", class: "resource-list-file-item__error-message" }, e("flip-inline-error", { message: this.errorMessage, size: "s" }))), s && e("span", { class: "resource-list-file-item__spinner" }, e("flip-spinner", { size: "s" })), t && e("span", { class: "resource-list-file-item__remove-button" }, e("flip-button", { hideLabel: !0, icon: "<flip-icon-close></flip-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))));
+  }
+};
+m.style = p;
+export {
+  m as flip_resource_list_file_item
+};

package/dist/flip-resource-list-item.entry.96075846.js

@@ -0,0 +1,40 @@
+import { r as n, c as d, h as t, H as u, g as h } from "./main.c9b46168.js";
+import { c as m } from "./index-3c78bcaf.2675909b.js";
+import "react";
+import "react-dom";
+const b = ':host{display:block;width:100%}:host *{box-sizing:border-box}.resource-list-item{position:relative;width:100%}.resource-list-item--checked .resource-list-item__checkbox{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.resource-list-item--has-menu .resource-list-item__label-container{padding-right:calc(var(--s-space-16) + 2.5rem + var(--s-space-12))}@media (--from-tablet){.resource-list-item--selectable .resource-list-item__content{padding-left:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}}.resource-list-item--selectable .resource-list-item__label-container{padding-right:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}@media (--from-tablet){.resource-list-item--selectable .resource-list-item__label-container{padding-right:var(--s-space-16)}}.resource-list-item--hide-divider .resource-list-item__label-container:after{display:none}.resource-list-item__content{--flip-avatar-group-border-color:var(--s-background-default);--flip-badge-border-color:var(--s-background-default);display:flex;width:100%;padding-top:var(--s-space-12);padding-right:0;padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-background-default);font:inherit;line-height:var(--s-line-height-base);text-align:left;text-decoration:none;cursor:pointer;gap:var(--s-space-12)}.resource-list-item__content:hover:not(:disabled){background-color:var(--s-background-hovered)}.resource-list-item__content:hover:not(:disabled) .resource-list-item__media{--flip-avatar-group-border-color:var(--s-background-hovered);--flip-badge-border-color:var(--s-background-hovered)}.resource-list-item__content:active:not(:disabled){background-color:var(--s-background-pressed)}.resource-list-item__content:active:not(:disabled) .resource-list-item__media{--flip-avatar-group-border-color:var(--s-background-pressed);--flip-badge-border-color:var(--s-background-pressed)}.resource-list-item__content:focus{background-color:var(--s-background-hovered);outline:none}.resource-list-item__content:focus .resource-list-item__media{--flip-avatar-group-border-color:var(--s-background-hovered);--flip-badge-border-color:var(--s-background-hovered)}.resource-list-item__content:disabled{color:var(--s-text-disabled);background-color:var(--s-background-default);cursor:default}.resource-list-item__content:disabled .resource-list-item__description{color:var(--s-text-disabled)}.resource-list-item__media{display:inline-flex}.resource-list-item__label-container{position:relative;display:flex;min-width:0;min-height:2.875rem;padding-right:var(--s-space-16);flex-grow:1;justify-content:center;flex-direction:column}.resource-list-item__label-container:after{position:absolute;right:0;bottom:calc(-1 * var(--s-space-12) + 0.0625rem);left:0;height:0.0625rem;background-color:var(--s-border-default);content:""}.resource-list-item__label{overflow:hidden;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.resource-list-item__description{overflow:hidden;margin-top:var(--s-space-2);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-item__menu-trigger{position:absolute;top:50%;right:var(--s-space-16);transform:translateY(-50%)}.resource-list-item__checkbox{position:absolute;top:50%;right:var(--s-space-16);display:flex;width:1.25rem;height:1.25rem;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s);transform:translateY(-50%)}@media (--from-tablet){.resource-list-item__checkbox{right:auto;left:var(--s-space-16)}}.resource-list-item__checkbox-icon{display:inline-flex;width:1.0625rem;height:1.0625rem}.resource-list-item__checkbox-icon>*::part(icon){width:1.0625rem;height:1.0625rem}.resource-list-item__meta{position:absolute;top:calc(var(--s-space-12) + var(--s-space-4));right:var(--s-space-16);color:var(--s-text-subdued);font-size:var(--s-font-size-sm)}', p = class {
+  constructor(e) {
+    n(this, e), this.valueChange = d(this, "valueChange", 7), this.checked = !1, this.menuTriggerLabel = "Options", this.onClick = () => {
+      !this.selectable || (this.checked = !this.checked, this.valueChange.emit(this.checked));
+    }, this.onMenuTriggerClick = (r) => {
+      this.disabled && !Boolean(this.href) && r.stopPropagation();
+    };
+  }
+  componentDidLoad() {
+    this.forceAvatarProps(), this.forceThumbnailProps();
+  }
+  forceAvatarProps() {
+    const e = this.el.querySelector("flip-avatar");
+    !Boolean(e) || (e.removeAttribute("interactive"), e.removeAttribute("show-label"), e.removeAttribute("variant"), e.setAttribute("size", "l"));
+  }
+  forceThumbnailProps() {
+    const e = this.el.querySelector("flip-thumbnail");
+    !Boolean(e) || (e.setAttribute("format", "landscape"), ["s", "m"].includes(e.getAttribute("size")) || e.setAttribute("size", "m"));
+  }
+  render() {
+    const e = Boolean(this.href) && !this.selectable ? "a" : "button", r = this.disabled && !Boolean(this.href), i = Boolean(this.menuTriggerId), s = i && !Boolean(this.meta) && !this.selectable, o = Boolean(this.meta) && !this.selectable, a = this.selectable ? String(this.checked) : void 0, l = this.selectable ? "checkbox" : void 0, c = m("resource-list-item", {
+      "resource-list-item--checked": this.checked,
+      "resource-list-item--has-menu": i,
+      "resource-list-item--hide-divider": this.hideDivider,
+      "resource-list-item--selectable": this.selectable
+    });
+    return t(u, { role: "row" }, t("div", { class: c, role: "gridcell" }, t(e, { "aria-checked": a, "aria-disabled": r ? "true" : void 0, "aria-labelledby": "label", class: "resource-list-item__content", href: this.href, disabled: r, onClick: this.onClick, role: l, tabIndex: 0 }, Boolean(this.media) && t("span", { class: "resource-list-item__media", innerHTML: this.media }), t("span", { class: "resource-list-item__label-container" }, t("span", { class: "resource-list-item__label", id: "label" }, this.label), this.description && t("span", { class: "resource-list-item__description" }, this.description))), this.selectable && t("span", { "aria-hidden": "true", class: "resource-list-item__checkbox" }, t("span", { class: "resource-list-item__checkbox-icon" }, this.checked && t("flip-icon-check-strong", null))), o && t("span", { class: "resource-list-item__meta" }, this.meta), s && t("flip-button", { "aria-disabled": r ? "true" : void 0, class: "resource-list-item__menu-trigger", disabled: r, hideLabel: !0, icon: "<flip-icon-more-horizontal></flip-icon-more-horizontal>", id: this.menuTriggerId, intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick })));
+  }
+  get el() {
+    return h(this);
+  }
+};
+p.style = b;
+export {
+  p as flip_resource_list_item
+};

package/dist/flip-resource-list.entry.d85444bc.js

@@ -0,0 +1,49 @@
+import { r as i, h as o, H as r, g as l } from "./main.c9b46168.js";
+import "react";
+import "react-dom";
+const n = ":host{display:block;width:100%}:host *{box-sizing:border-box}", c = class {
+  constructor(s) {
+    i(this, s), this.focusedIndex = 0, this.onFocus = () => {
+      this.focusItemAtIndex(this.focusedIndex);
+    }, this.onKeyDown = (e) => {
+      if (e.key === "ArrowDown")
+        e.preventDefault(), this.focusItemAtIndex((this.focusedIndex + 1) % this.items.length);
+      else if (e.key === "ArrowUp") {
+        e.preventDefault();
+        const t = this.focusedIndex === 0 ? this.items.length - 1 : this.focusedIndex - 1;
+        this.focusItemAtIndex(t);
+      } else
+        e.key === "Home" ? (e.preventDefault(), this.focusItemAtIndex(0)) : e.key === "End" && (e.preventDefault(), this.focusItemAtIndex(this.items.length - 1));
+    };
+  }
+  componentDidLoad() {
+    this.collectItems(), this.removeItemsFromTabOrder();
+  }
+  collectItems() {
+    this.items = Array.from(this.el.querySelectorAll("flip-resource-list-item, flip-resource-list-file-item"));
+  }
+  removeItemsFromTabOrder() {
+    this.items.forEach((s) => {
+      var e, t;
+      return (t = (e = s.shadowRoot) === null || e === void 0 ? void 0 : e.querySelector(".resource-list-item__content, .resource-list-file-item")) === null || t === void 0 ? void 0 : t.setAttribute("tabIndex", "-1");
+    });
+  }
+  focusItemAtIndex(s) {
+    this.removeItemsFromTabOrder();
+    const e = this.items[s];
+    if (!Boolean(e))
+      return;
+    const t = e.shadowRoot.querySelector(".resource-list-item__content, .resource-list-file-item");
+    t.setAttribute("tabIndex", "0"), t.focus(), this.focusedIndex = s;
+  }
+  render() {
+    return o(r, { onKeyDown: this.onKeyDown }, o("flip-stack", { "aria-label": this.label, onFocus: this.onFocus, role: "grid", tabIndex: 0 }, o("slot", null)));
+  }
+  get el() {
+    return l(this);
+  }
+};
+c.style = n;
+export {
+  c as flip_resource_list
+};

package/dist/{flip-search.entry.6717d77a.js → flip-search.entry.52636549.js}

@@ -1,4 +1,4 @@
-import { r as c, c as r, h as a, H as i } from "./main.7e7363a7.js";
+import { r as c, c as r, h as a, H as i } from "./main.c9b46168.js";
 import { c as t } from "./index-3c78bcaf.2675909b.js";
 import "react";
 import "react-dom";

package/dist/{flip-stack.entry.50d88d6f.js → flip-stack.entry.90b930f5.js}

@@ -1,4 +1,4 @@
-import { r as i, h as s, H as e } from "./main.7e7363a7.js";
+import { r as i, h as s, H as e } from "./main.c9b46168.js";
 import { c as n } from "./index-3c78bcaf.2675909b.js";
 import "react";
 import "react-dom";

package/dist/{flip-switch.entry.ef96875e.js → flip-switch.entry.6b0e71bc.js}

@@ -1,4 +1,4 @@
-import { r as n, c as r, h as e, H as a, g as o } from "./main.7e7363a7.js";
+import { r as n, c as r, h as e, H as a, g as o } from "./main.c9b46168.js";
 import { c as l } from "./index-3c78bcaf.2675909b.js";
 import "react";
 import "react-dom";

package/dist/flip-tab.entry.56a0d1cd.js

@@ -0,0 +1,17 @@
+import { r as s, h as a, H as i } from "./main.c9b46168.js";
+import { c as o } from "./index-3c78bcaf.2675909b.js";
+import "react";
+import "react-dom";
+const e = ":host{display:block;width:100%}:host *{box-sizing:border-box}.tab{display:none;width:100%;padding:var(--s-space-8)}.tab--active{display:block}", l = class {
+  constructor(t) {
+    s(this, t);
+  }
+  render() {
+    const t = o("tab", { "tab--active": this.active });
+    return a(i, { "aria-labelledby": `tab-${this.tabId}`, id: this.tabId, role: "tabpanel", tabIndex: this.active ? 0 : -1 }, a("div", { class: t }, a("slot", null)));
+  }
+};
+l.style = e;
+export {
+  l as flip_tab
+};