@getflip/swirl-components-react 0.1.1 → 0.2.1

package/dist/_commonjsHelpers-44457d8d.ba94af77.js

@@ -0,0 +1,37 @@
+var a = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function s(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+function f(e, r, t) {
+  return t = {
+    path: r,
+    exports: {},
+    require: function(o, u) {
+      return n();
+    }
+  }, e(t, t.exports), t.exports;
+}
+function i(e) {
+  if (e.__esModule)
+    return e;
+  var r = Object.defineProperty({}, "__esModule", { value: !0 });
+  return Object.keys(e).forEach(function(t) {
+    var o = Object.getOwnPropertyDescriptor(e, t);
+    Object.defineProperty(r, t, o.get ? o : {
+      enumerable: !0,
+      get: function() {
+        return e[t];
+      }
+    });
+  }), r;
+}
+function n() {
+  throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs");
+}
+export {
+  a,
+  n as b,
+  f as c,
+  i as d,
+  s as g
+};

package/dist/a11y-dialog.esm-d7a94c8c.bd6ae411.js

@@ -0,0 +1,99 @@
+var h = [
+  'a[href]:not([tabindex^="-"])',
+  'area[href]:not([tabindex^="-"])',
+  'input:not([type="hidden"]):not([type="radio"]):not([disabled]):not([tabindex^="-"])',
+  'input[type="radio"]:not([disabled]):not([tabindex^="-"])',
+  'select:not([disabled]):not([tabindex^="-"])',
+  'textarea:not([disabled]):not([tabindex^="-"])',
+  'button:not([disabled]):not([tabindex^="-"])',
+  'iframe:not([tabindex^="-"])',
+  'audio[controls]:not([tabindex^="-"])',
+  'video[controls]:not([tabindex^="-"])',
+  '[contenteditable]:not([tabindex^="-"])',
+  '[tabindex]:not([tabindex^="-"])'
+], u = "Tab", l = "Escape";
+function s(t) {
+  this._show = this.show.bind(this), this._hide = this.hide.bind(this), this._maintainFocus = this._maintainFocus.bind(this), this._bindKeypress = this._bindKeypress.bind(this), this.$el = t, this.shown = !1, this._id = this.$el.getAttribute("data-a11y-dialog") || this.$el.id, this._previouslyFocused = null, this._listeners = {}, this.create();
+}
+s.prototype.create = function() {
+  this.$el.setAttribute("aria-hidden", !0), this.$el.setAttribute("aria-modal", !0), this.$el.setAttribute("tabindex", -1), this.$el.hasAttribute("role") || this.$el.setAttribute("role", "dialog"), this._openers = n('[data-a11y-dialog-show="' + this._id + '"]'), this._openers.forEach(
+    function(e) {
+      e.addEventListener("click", this._show);
+    }.bind(this)
+  );
+  const t = this.$el;
+  return this._closers = n("[data-a11y-dialog-hide]", this.$el).filter(function(e) {
+    return e.closest('[aria-modal="true"], [data-a11y-dialog]') === t;
+  }).concat(n('[data-a11y-dialog-hide="' + this._id + '"]')), this._closers.forEach(
+    function(e) {
+      e.addEventListener("click", this._hide);
+    }.bind(this)
+  ), this._fire("create"), this;
+};
+s.prototype.show = function(t) {
+  return this.shown ? this : (this._previouslyFocused = document.activeElement, this.$el.removeAttribute("aria-hidden"), this.shown = !0, a(this.$el), document.body.addEventListener("focus", this._maintainFocus, !0), document.addEventListener("keydown", this._bindKeypress), this._fire("show", t), this);
+};
+s.prototype.hide = function(t) {
+  return this.shown ? (this.shown = !1, this.$el.setAttribute("aria-hidden", "true"), this._previouslyFocused && this._previouslyFocused.focus && this._previouslyFocused.focus(), document.body.removeEventListener("focus", this._maintainFocus, !0), document.removeEventListener("keydown", this._bindKeypress), this._fire("hide", t), this) : this;
+};
+s.prototype.destroy = function() {
+  return this.hide(), this._openers.forEach(
+    function(t) {
+      t.removeEventListener("click", this._show);
+    }.bind(this)
+  ), this._closers.forEach(
+    function(t) {
+      t.removeEventListener("click", this._hide);
+    }.bind(this)
+  ), this._fire("destroy"), this._listeners = {}, this;
+};
+s.prototype.on = function(t, e) {
+  return typeof this._listeners[t] > "u" && (this._listeners[t] = []), this._listeners[t].push(e), this;
+};
+s.prototype.off = function(t, e) {
+  var i = (this._listeners[t] || []).indexOf(e);
+  return i > -1 && this._listeners[t].splice(i, 1), this;
+};
+s.prototype._fire = function(t, e) {
+  var i = this._listeners[t] || [], o = new CustomEvent(t, { detail: e });
+  this.$el.dispatchEvent(o), i.forEach(
+    function(d) {
+      d(this.$el, e);
+    }.bind(this)
+  );
+};
+s.prototype._bindKeypress = function(t) {
+  const e = document.activeElement;
+  e && e.closest('[aria-modal="true"]') !== this.$el || (this.shown && t.key === l && this.$el.getAttribute("role") !== "alertdialog" && (t.preventDefault(), this.hide(t)), this.shown && t.key === u && b(this.$el, t));
+};
+s.prototype._maintainFocus = function(t) {
+  this.shown && !t.target.closest('[aria-modal="true"]') && !t.target.closest("[data-a11y-dialog-ignore-focus-trap]") && a(this.$el);
+};
+function c(t) {
+  return Array.prototype.slice.call(t);
+}
+function n(t, e) {
+  return c((e || document).querySelectorAll(t));
+}
+function a(t) {
+  var e = t.querySelector("[autofocus]") || t;
+  e.focus();
+}
+function f(t) {
+  return n(h.join(","), t).filter(function(e) {
+    return !!(e.offsetWidth || e.offsetHeight || e.getClientRects().length);
+  });
+}
+function b(t, e) {
+  var i = f(t), o = i.indexOf(document.activeElement);
+  e.shiftKey && o === 0 ? (i[i.length - 1].focus(), e.preventDefault()) : !e.shiftKey && o === i.length - 1 && (i[0].focus(), e.preventDefault());
+}
+function r() {
+  n("[data-a11y-dialog]").forEach(function(t) {
+    new s(t);
+  });
+}
+typeof document < "u" && (document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", r) : window.requestAnimationFrame ? window.requestAnimationFrame(r) : window.setTimeout(r, 16));
+export {
+  s as A
+};

package/dist/bodyScrollLock.esm-ce6356d8.2c600fb9.js

@@ -0,0 +1,93 @@
+function m(t) {
+  if (Array.isArray(t)) {
+    for (var e = 0, o = Array(t.length); e < t.length; e++)
+      o[e] = t[e];
+    return o;
+  } else
+    return Array.from(t);
+}
+var c = !1;
+if (typeof window < "u") {
+  var y = {
+    get passive() {
+      c = !0;
+    }
+  };
+  window.addEventListener("testPassive", null, y), window.removeEventListener("testPassive", null, y);
+}
+var s = typeof window < "u" && window.navigator && window.navigator.platform && (/iP(ad|hone|od)/.test(window.navigator.platform) || window.navigator.platform === "MacIntel" && window.navigator.maxTouchPoints > 1), d = [], a = !1, w = -1, l = void 0, r = void 0, u = void 0, p = function(e) {
+  return d.some(function(o) {
+    return !!(o.options.allowTouchMove && o.options.allowTouchMove(e));
+  });
+}, f = function(e) {
+  var o = e || window.event;
+  return p(o.target) || o.touches.length > 1 ? !0 : (o.preventDefault && o.preventDefault(), !1);
+}, h = function(e) {
+  if (u === void 0) {
+    var o = !!e && e.reserveScrollBarGap === !0, i = window.innerWidth - document.documentElement.clientWidth;
+    if (o && i > 0) {
+      var n = parseInt(window.getComputedStyle(document.body).getPropertyValue("padding-right"), 10);
+      u = document.body.style.paddingRight, document.body.style.paddingRight = n + i + "px";
+    }
+  }
+  l === void 0 && (l = document.body.style.overflow, document.body.style.overflow = "hidden");
+}, g = function() {
+  u !== void 0 && (document.body.style.paddingRight = u, u = void 0), l !== void 0 && (document.body.style.overflow = l, l = void 0);
+}, b = function() {
+  return window.requestAnimationFrame(function() {
+    if (r === void 0) {
+      r = {
+        position: document.body.style.position,
+        top: document.body.style.top,
+        left: document.body.style.left
+      };
+      var e = window, o = e.scrollY, i = e.scrollX, n = e.innerHeight;
+      document.body.style.position = "fixed", document.body.style.top = -o, document.body.style.left = -i, setTimeout(function() {
+        return window.requestAnimationFrame(function() {
+          var v = n - window.innerHeight;
+          v && o >= n && (document.body.style.top = -(o + v));
+        });
+      }, 300);
+    }
+  });
+}, S = function() {
+  if (r !== void 0) {
+    var e = -parseInt(document.body.style.top, 10), o = -parseInt(document.body.style.left, 10);
+    document.body.style.position = r.position, document.body.style.top = r.top, document.body.style.left = r.left, window.scrollTo(o, e), r = void 0;
+  }
+}, T = function(e) {
+  return e ? e.scrollHeight - e.scrollTop <= e.clientHeight : !1;
+}, P = function(e, o) {
+  var i = e.targetTouches[0].clientY - w;
+  return p(e.target) ? !1 : o && o.scrollTop === 0 && i > 0 || T(o) && i < 0 ? f(e) : (e.stopPropagation(), !0);
+}, B = function(e, o) {
+  if (!e) {
+    console.error("disableBodyScroll unsuccessful - targetElement must be provided when calling disableBodyScroll on IOS devices.");
+    return;
+  }
+  if (!d.some(function(n) {
+    return n.targetElement === e;
+  })) {
+    var i = {
+      targetElement: e,
+      options: o || {}
+    };
+    d = [].concat(m(d), [i]), s ? b() : h(o), s && (e.ontouchstart = function(n) {
+      n.targetTouches.length === 1 && (w = n.targetTouches[0].clientY);
+    }, e.ontouchmove = function(n) {
+      n.targetTouches.length === 1 && P(n, e);
+    }, a || (document.addEventListener("touchmove", f, c ? { passive: !1 } : void 0), a = !0));
+  }
+}, A = function(e) {
+  if (!e) {
+    console.error("enableBodyScroll unsuccessful - targetElement must be provided when calling enableBodyScroll on IOS devices.");
+    return;
+  }
+  d = d.filter(function(o) {
+    return o.targetElement !== e;
+  }), s && (e.ontouchstart = null, e.ontouchmove = null, a && d.length === 0 && (document.removeEventListener("touchmove", f, c ? { passive: !1 } : void 0), a = !1)), s ? S() : g();
+};
+export {
+  B as d,
+  A as e
+};

package/dist/{flip-action-list-item.entry.0f7f7d1d.js → flip-action-list-item.entry.8a7c3ed5.js}

@@ -1,7 +1,8 @@
-import { r as s, h as i, H as a } from "./main.c9b46168.js";
-import { c as o } from "./index-3c78bcaf.2675909b.js";
+import { r as s, h as i, H as a } from "./index.b70d4c92.js";
+import { c as o } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";
+import "./_commonjsHelpers-44457d8d.ba94af77.js";
 const l = ":host{display:block}:host *{box-sizing:border-box}.action-list-item{display:inline-flex;width:100%;min-width:15rem;margin:0;padding:var(--s-space-12) var(--s-space-16);justify-content:flex-start;align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-surface-overlay-default);font:inherit;line-height:var(--s-line-height-base);text-align:left;cursor:pointer;gap:var(--s-space-12)}.action-list-item:hover{background-color:var(--s-surface-overlay-hovered)}.action-list-item:focus{background-color:var(--s-surface-overlay-hovered);outline:none}.action-list-item:active{background-color:var(--s-surface-overlay-pressed)}.action-list-item:disabled{background-color:var(--s-surface-overlay-default);cursor:default}.action-list-item:disabled .action-list-item__label,.action-list-item:disabled .action-list-item__description{color:var(--s-text-disabled)}.action-list-item:disabled .action-list-item__icon{color:var(--s-icon-disabled)}.action-list-item--size-l{padding:var(--s-space-16)}.action-list-item--intent-critical:not(:disabled) .action-list-item__label{color:var(--s-text-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__icon{color:var(--s-icon-critical)}.action-list-item__icon{display:inline-flex;flex-shrink:0;color:var(--s-icon-default)}.action-list-item__label-container{display:inline-flex;min-width:0;flex-grow:1;align-items:flex-start;flex-direction:column}.action-list-item__label{overflow:hidden;max-width:100%;padding-top:0.0625rem;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.action-list-item__description{color:var(--s-text-subdued)}.action-list-item__suffix{display:inline-flex;flex-shrink:0;color:var(--s-icon-highlight)}", n = class {
   constructor(t) {
     s(this, t), this.intent = "default", this.size = "m";

package/dist/{flip-action-list-section.entry.e3180209.js → flip-action-list-section.entry.da0cdb9e.js}

@@ -1,4 +1,4 @@
-import { r as i, h as t, H as o } from "./main.c9b46168.js";
+import { r as i, h as t, H as o } from "./index.b70d4c92.js";
 import "react";
 import "react-dom";
 const e = ":host{display:block}:host *{box-sizing:border-box}.action-list-section{background-color:var(--s-surface-overlay-default)}.action-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}", l = class {

package/dist/{flip-action-list.entry.6281e19f.js → flip-action-list.entry.b8a1ea41.js}

@@ -1,5 +1,5 @@
-import { r as s, h as i, H as n, g as r } from "./main.c9b46168.js";
-import { q as c } from "./utils-03e3261c.f5223801.js";
+import { r as s, h as i, H as n, g as r } from "./index.b70d4c92.js";
+import { q as c } from "./utils-b46bcd4f.79126bb2.js";
 import "react";
 import "react-dom";
 const l = ":host{display:block}:host *{box-sizing:border-box}.action-list{background-color:var(--s-surface-overlay-default)}", a = class {

package/dist/{flip-avatar-group.entry.649a0faa.js → flip-avatar-group.entry.b0e66358.js}

@@ -1,7 +1,8 @@
-import { r as e, h as r, H as i } from "./main.c9b46168.js";
-import { c as o } from "./index-3c78bcaf.2675909b.js";
+import { r as e, h as r, H as i } from "./index.b70d4c92.js";
+import { c as o } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";
+import "./_commonjsHelpers-44457d8d.ba94af77.js";
 const s = ":host{display:inline-flex}:host *{box-sizing:border-box}.avatar-group{position:relative;display:inline-grid;grid-template-rows:repeat(8, 1fr);grid-template-columns:repeat(8, 1fr)}.avatar-group ::slotted(*:first-of-type){z-index:1;display:inline-flex;border:0.25rem solid var(--flip-avatar-group-border-color);border-radius:50%;grid-column-start:1;grid-column-end:7;grid-row-start:3;grid-row-end:9}.avatar-group ::slotted(*:nth-of-type(2)){z-index:0;display:inline-flex;border:0.25rem solid var(--flip-avatar-group-border-color);border-radius:50%;grid-column-start:3;grid-column-end:9;grid-row-start:1;grid-row-end:7}.avatar-group__badge{position:absolute;z-index:2;right:0;bottom:0;display:inline-flex;width:1.5rem;height:1.5rem}", l = class {
   constructor(a) {
     e(this, a);

package/dist/{flip-avatar.entry.8261b415.js → flip-avatar.entry.6a8f2e19.js}

@@ -1,7 +1,8 @@
-import { r as d, h as i, H as c, g } from "./main.c9b46168.js";
-import { c as s } from "./index-3c78bcaf.2675909b.js";
+import { r as d, h as i, H as c, g } from "./index.b70d4c92.js";
+import { c as s } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";
+import "./_commonjsHelpers-44457d8d.ba94af77.js";
 const m = ":host{display:inline-flex;align-items:center;flex-direction:column}:host *{box-sizing:border-box}.avatar{position:relative;display:inline-flex;justify-content:center;align-items:center;border-radius:50%}.avatar--has-icon{color:var(--s-icon-default);background-color:var(--s-surface-raised-default)}.avatar--has-initials{padding-right:0;padding-left:0;color:#fff}.avatar--interactive{cursor:pointer}.avatar--interactive:focus{outline-color:var(--s-focus-default)}.avatar--size-xs{width:1.75rem;height:1.75rem;font-size:0.75rem}.avatar--size-xs.avatar--has-icon{padding-right:0.4375rem;padding-left:0.4375rem}.avatar--size-xs.avatar--variant-square,.avatar--size-xs.avatar--variant-square .avatar__image,.avatar--size-xs.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-s{width:2rem;height:2rem;font-size:0.75rem}.avatar--size-s.avatar--has-icon{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.avatar--size-s.avatar--variant-square,.avatar--size-s.avatar--variant-square .avatar__image,.avatar--size-s.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-m{width:2.5rem;height:2.5rem;font-size:var(--s-font-size-base)}.avatar--size-m.avatar--has-icon{padding-right:0.625rem;padding-left:0.625rem}.avatar--size-m.avatar--variant-square,.avatar--size-m.avatar--variant-square .avatar__image,.avatar--size-m.avatar--variant-square .avatar__initials{border-radius:0.625rem}.avatar--size-l{width:3rem;height:3rem;font-size:var(--s-font-size-lg)}.avatar--size-l.avatar--has-icon{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.avatar--size-l.avatar--variant-square,.avatar--size-l.avatar--variant-square .avatar__image,.avatar--size-l.avatar--variant-square .avatar__initials{border-radius:0.75rem}.avatar--size-xl{width:4rem;height:4rem;font-size:var(--s-font-size-xl)}.avatar--size-xl.avatar--has-icon{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}.avatar--size-xl.avatar--variant-square,.avatar--size-xl.avatar--variant-square .avatar__image,.avatar--size-xl.avatar--variant-square .avatar__initials{border-radius:1rem}.avatar--size-2xl{width:9rem;height:9rem;font-size:3.375rem}.avatar--size-2xl.avatar--has-icon{padding-right:var(--s-space-32);padding-left:var(--s-space-32)}.avatar--size-2xl.avatar--variant-square,.avatar--size-2xl.avatar--variant-square .avatar__image,.avatar--size-2xl.avatar--variant-square .avatar__initials{border-radius:2.25rem}.avatar__image{overflow:hidden;width:100%;height:100%;border-radius:50%}.avatar__image>img{width:100%;height:100%}.avatar__icon{display:inline-flex;width:100%;height:100%}.avatar__icon>*{width:100%;height:100%}.avatar__icon>*::part(icon){width:100%;height:100%}.avatar__initials{display:inline-flex;width:100%;min-width:0;height:100%;padding-right:0.0625rem;padding-left:0.0625rem;justify-content:center;align-items:center;border-radius:50%;background-color:var(--s-decorative-6-default)}.avatar__initials>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.avatar__badge{position:absolute;bottom:0;left:55%;display:inline-flex;min-width:1.5rem;height:1.5rem;transform:translate3d(0, 25%, 0)}.avatar__badge--position-top{top:0;bottom:auto;transform:translate3d(0, -25%, 0)}.avatar__label{margin-top:var(--s-space-4);color:var(--s-icon-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);text-align:center}", n = {
   xs: 28,
   s: 32,

package/dist/{flip-badge.entry.d0a48796.js → flip-badge.entry.a6d07965.js}

@@ -1,7 +1,8 @@
-import { r as t, h as e, H as i } from "./main.c9b46168.js";
-import { c as d } from "./index-3c78bcaf.2675909b.js";
+import { r as t, h as e, H as i } from "./index.b70d4c92.js";
+import { c as d } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";
+import "./_commonjsHelpers-44457d8d.ba94af77.js";
 const r = ":host{display:inline-flex;min-width:0;max-width:100%;justify-content:center;align-items:center}:host *{box-sizing:border-box}.badge{display:inline-flex;max-width:100%;justify-content:center;align-items:center;border:0.25rem solid var(--flip-badge-border-color);border-radius:2rem;color:var(--s-text-on-status);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium)}.badge--size-s{min-width:1.5rem;height:1.5rem;font-size:0.75rem}.badge--size-s .badge__label{padding-right:0.1875rem;padding-left:0.1875rem}.badge--size-s .badge__icon>*::part(icon){width:0.75rem;height:0.75rem}.badge--size-m{min-width:2rem;height:2rem}.badge--size-m .badge__label{padding-right:0.375rem;padding-left:0.375rem}.badge--has-icon{padding-right:0;padding-left:0}.badge--intent-critical{background-color:var(--s-surface-critical-default)}.badge--intent-decorative-1{background-color:var(--s-decorative-1-default)}.badge--intent-decorative-2{background-color:var(--s-decorative-2-default)}.badge--intent-decorative-3{color:var(--s-text-default);background-color:var(--s-decorative-3-default)}.badge--intent-decorative-4{color:var(--s-text-default);background-color:var(--s-decorative-4-default)}.badge--intent-decorative-5{background-color:var(--s-decorative-5-default)}.badge--intent-decorative-6{background-color:var(--s-decorative-6-default)}.badge--intent-decorative-7{background-color:var(--s-decorative-7-default)}.badge--variant-dot{width:1.25rem;min-width:0;height:1.25rem}.badge--variant-dot .badge__label{padding-right:0;padding-left:0}.badge--variant-dot .badge__label,.badge--variant-dot .badge__icon{display:none}.badge__icon{display:inline-flex}.badge__icon>*::part(icon){width:1rem;height:1rem}.badge__label{display:inline-flex;overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis}", n = class {
   constructor(a) {
     t(this, a), this.intent = "critical", this.size = "m", this.variant = "default";

package/dist/{flip-banner.entry.f03180a7.js → flip-banner.entry.f53786a0.js}

@@ -1,7 +1,8 @@
-import { r, c as a, h as n, H as o, g as c } from "./main.c9b46168.js";
-import { c as l } from "./index-3c78bcaf.2675909b.js";
+import { r, c as a, h as n, H as o, g as c } from "./index.b70d4c92.js";
+import { c as l } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";
+import "./_commonjsHelpers-44457d8d.ba94af77.js";
 const b = ":host{display:block}:host *{box-sizing:border-box}.banner{display:flex;max-width:100%;padding:var(--s-space-12);align-items:flex-start}.banner:focus{outline-color:var(--s-focus-default)}@media (min-width: 768px){.banner{padding:var(--s-space-16)}}.banner--intent-default .banner__icon,.banner--intent-default .banner__content,.banner--intent-default .banner__action-button,.banner--intent-default .banner__dismiss-button,.banner--intent-critical .banner__icon,.banner--intent-critical .banner__content,.banner--intent-critical .banner__action-button,.banner--intent-critical .banner__dismiss-button,.banner--intent-success .banner__icon,.banner--intent-success .banner__content,.banner--intent-success .banner__action-button,.banner--intent-success .banner__dismiss-button,.banner--intent-info .banner__icon,.banner--intent-info .banner__content,.banner--intent-info .banner__action-button,.banner--intent-info .banner__dismiss-button{color:var(--s-text-on-status)}.banner--intent-default{background-color:var(--s-surface-neutral-default)}.banner--intent-critical{background-color:var(--s-surface-critical-default)}.banner--intent-success{background-color:var(--s-surface-success-default)}.banner--intent-info{background-color:var(--s-surface-info-default)}.banner--intent-warning{background-color:var(--s-surface-warning-default)}.banner--intent-warning .banner__icon{color:var(--s-icon-strong)}.banner--intent-warning .banner__content,.banner--intent-warning .banner__action-button,.banner--intent-warning .banner__dismiss-button{color:var(--s-text-default)}@media (min-width: 375px){.banner--has-icon .banner__content{padding-top:var(--s-space-2)}}.banner__icon{display:none;margin-right:var(--s-space-8);color:var(--s-icon-on-status)}@media (min-width: 375px){.banner__icon{display:inline-flex}}.banner__content{min-height:1.5rem;margin-right:var(--s-space-12);flex-grow:1;line-height:var(--s-line-height-base)}.banner__controls{display:inline-flex;margin-left:var(--s-space-16);align-items:center;gap:var(--s-space-16);line-height:var(--s-line-height-base)}@media (min-width: 768px){.banner__controls{gap:var(--s-space-24)}}.banner__action-button,.banner__dismiss-button{display:inline-flex;overflow:hidden;max-width:7rem;height:1.5rem;padding:0;flex-shrink:0;align-items:center;border:none;background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.banner__action-button:focus,.banner__dismiss-button:focus{outline-color:var(--s-focus-default)}@media (min-width: 768px){.banner__action-button,.banner__dismiss-button{max-width:12rem}}", d = {
   default: void 0,
   critical: "<flip-icon-error></flip-icon-error>",

package/dist/{flip-button-group.entry.e48f9cab.js → flip-button-group.entry.0342e82d.js}

@@ -1,4 +1,4 @@
-import { r, h as t, H as s } from "./main.c9b46168.js";
+import { r, h as t, H as s } from "./index.b70d4c92.js";
 import "react";
 import "react-dom";
 const i = ":host{display:block}:host *{box-sizing:border-box}", n = class {

package/dist/flip-button.entry.b752e108.js

@@ -0,0 +1,33 @@
+import { r as e, h as o, H as l } from "./index.b70d4c92.js";
+import { c as s } from "./index-6d2e18c6.289636d4.js";
+import "react";
+import "react-dom";
+import "./_commonjsHelpers-44457d8d.ba94af77.js";
+const c = `.sc-flip-button-h{display:inline-block;max-width:100%}.sc-flip-button-h *.sc-flip-button{box-sizing:border-box}.button.sc-flip-button{display:inline-flex;width:100%;padding:var(--s-space-8) var(--s-space-16);justify-content:center;align-items:center;border:none;border-radius:var(--s-border-radius-base);color:var(--s-text-subdued);background-color:var(--flip-ghost-button-background-default);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);text-decoration:none;cursor:pointer;gap:var(--s-space-8)}.button.sc-flip-button:hover{background-color:var(--flip-ghost-button-background-hovered)}.button.sc-flip-button:active{background-color:var(--flip-ghost-button-background-pressed)}.button.sc-flip-button:disabled{color:var(--s-text-disabled);background-color:var(--flip-ghost-button-background-default);cursor:default}.button.sc-flip-button:disabled .button__icon.sc-flip-button{color:var(--s-icon-disabled)}.button.sc-flip-button:focus{outline-color:var(--s-focus-default)}.button--variant-ghost.button--intent-primary.sc-flip-button:not(:disabled){color:var(--s-text-highlight)}.button--variant-ghost.button--intent-primary.sc-flip-button:not(:disabled) .button__icon.sc-flip-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--intent-critical.sc-flip-button:not(:disabled){color:var(--s-text-critical)}.button--variant-ghost.button--intent-critical.sc-flip-button:not(:disabled) .button__icon.sc-flip-button{color:var(--s-icon-critical)}.button--variant-ghost.button--size-l.sc-flip-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-ghost.button--size-l.button--icon-only.sc-flip-button{padding:var(--s-space-12)}.button--variant-flat.sc-flip-button{color:var(--s-text-default);background-color:var(--s-action-neutral-default)}.button--variant-flat.sc-flip-button:hover{background-color:var(--s-action-neutral-hovered)}.button--variant-flat.sc-flip-button:active{background-color:var(--s-action-neutral-pressed)}.button--variant-flat.sc-flip-button:disabled{background-color:var(--s-action-neutral-disabled)}.button--variant-flat.button--intent-primary.sc-flip-button:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-flat.button--intent-primary.sc-flip-button:not(:disabled):hover{background-color:var(--s-action-primary-hovered)}.button--variant-flat.button--intent-primary.sc-flip-button:not(:disabled):active{background-color:var(--s-action-primary-pressed)}.button--variant-flat.button--intent-primary.sc-flip-button:not(:disabled) .button__icon.sc-flip-button{color:var(--s-icon-on-action-primary)}.button--variant-flat.sc-flip-button .button__icon.sc-flip-button{color:var(--s-icon-strong)}.button--variant-plain.sc-flip-button{padding:0;border-radius:0;color:var(--s-interactive-neutral-default);background-color:transparent}.button--variant-plain.sc-flip-button:hover:not(:disabled){color:var(--s-interactive-neutral-default);background-color:transparent;text-decoration:underline;text-underline-offset:var(--s-space-4)}.button--variant-plain.sc-flip-button:hover:not(:disabled) .button__icon.sc-flip-button{color:var(--s-interactive-neutral-default)}.button--variant-plain.sc-flip-button:active:not(:disabled){color:var(--s-interactive-neutral-hovered);background-color:transparent}.button--variant-plain.sc-flip-button:active:not(:disabled) .button__icon.sc-flip-button{color:var(--s-interactive-neutral-hovered)}.button--variant-plain.sc-flip-button:disabled{color:var(--s-interactive-neutral-disabled);background-color:transparent}.button--variant-plain.sc-flip-button:disabled .button__icon.sc-flip-button{color:var(--s-interactive-neutral-disabled)}.button--variant-plain.button--intent-primary.sc-flip-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-flip-button:hover{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-flip-button:hover .button__icon.sc-flip-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-flip-button:active{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-flip-button:active .button__icon.sc-flip-button{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-flip-button:disabled{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-flip-button:disabled .button__icon.sc-flip-button{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-flip-button .button__icon.sc-flip-button{color:var(--s-interactive-primary-default)}.button--variant-plain.sc-flip-button .button__icon.sc-flip-button{color:var(--s-interactive-neutral-default)}.button--variant-on-image.sc-flip-button{color:var(--s-text-on-image);background:linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
+    rgba(255, 255, 255, 0.3)}.button--variant-on-image.sc-flip-button:hover{background:linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
+      rgba(255, 255, 255, 0.4)}.button--variant-on-image.sc-flip-button:active{background:linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
+      rgba(255, 255, 255, 0.5)}.button--variant-on-image.sc-flip-button:disabled{color:var(--s-text-on-image);background:linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
+      rgba(255, 255, 255, 0.3)}.button--variant-on-image.sc-flip-button:disabled .button__icon.sc-flip-button{color:var(--s-icon-on-image)}.button--variant-on-image.sc-flip-button .button__icon.sc-flip-button{color:var(--s-icon-on-image)}.button--variant-floating.sc-flip-button{color:var(--s-text-default);background-color:var(--s-surface-overlay-default);box-shadow:0.125rem 0.25rem 2.5rem rgba(0, 0, 0, 0.14)}.button--variant-floating.sc-flip-button:hover{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-hovered)}.button--variant-floating.sc-flip-button:active{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-pressed)}.button--variant-floating.button--icon-only.sc-flip-button{padding:var(--s-space-4)}.button--variant-floating.button--intent-primary.sc-flip-button{padding:var(--s-space-12) var(--s-space-20);border-radius:1.5rem;color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-floating.button--intent-primary.sc-flip-button:hover:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-hovered)}.button--variant-floating.button--intent-primary.sc-flip-button:active:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-pressed)}.button--variant-floating.button--intent-primary.sc-flip-button:disabled{color:var(--s-text-on-action-primary)}.button--variant-floating.button--intent-primary.sc-flip-button:disabled .button__icon.sc-flip-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.button--intent-primary.sc-flip-button .button__icon.sc-flip-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.sc-flip-button .button__icon.sc-flip-button{color:var(--s-icon-strong)}.button--icon-position-end.sc-flip-button .button__icon.sc-flip-button{margin-right:calc(-1 * var(--s-space-4));margin-left:0;order:2}.button--icon-only.sc-flip-button{padding:var(--s-space-8);border-radius:50%}.button--icon-only.sc-flip-button .button__icon.sc-flip-button{margin-right:0;margin-left:0}.button__icon.sc-flip-button{display:inline-flex;margin-left:calc(-1 * var(--s-space-4));color:var(--s-icon-default);order:0}.button__label.sc-flip-button{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis;order:1}`, b = class {
+  constructor(t) {
+    e(this, t), this.iconPosition = "start", this.intent = "default", this.size = "m", this.type = "button", this.variant = "ghost";
+  }
+  componentDidLoad() {
+    this.forceIconProps();
+  }
+  forceIconProps() {
+    if (!Boolean(this.iconEl))
+      return;
+    const t = this.iconEl.children[0];
+    t == null || t.setAttribute("size", "24");
+  }
+  render() {
+    const t = this.hideLabel && Boolean(this.icon) || this.variant === "floating" && this.intent === "default", n = Boolean(this.href), i = Boolean(this.flipAriaLabel) ? this.flipAriaLabel : t ? this.label : void 0, a = s("button", `button--icon-position-${this.iconPosition}`, `button--intent-${this.intent}`, `button--size-${this.size}`, `button--variant-${this.variant}`, {
+      "button--icon-only": t
+    });
+    return o(l, null, o(n ? "a" : "button", { "aria-describedby": this.flipAriaDescribedby, "aria-disabled": this.disabled && !n ? "true" : void 0, "aria-label": i, class: a, disabled: n ? void 0 : this.disabled, download: n ? void 0 : this.download, form: n ? void 0 : this.form, href: this.href, name: n ? void 0 : this.name, target: n ? this.target : void 0, type: n ? void 0 : this.type, value: n ? void 0 : this.value }, this.icon && o("span", { class: "button__icon", innerHTML: this.icon, ref: (r) => this.iconEl = r }), !t && o("span", { class: "button__label" }, this.label)));
+  }
+};
+b.style = c;
+export {
+  b as flip_button
+};

package/dist/{flip-checkbox.entry.03f73a8f.js → flip-checkbox.entry.ade04b9c.js}

@@ -1,11 +1,12 @@
-import { r as a, c as t, h as c, H as r } from "./main.c9b46168.js";
-import { c as n } from "./index-3c78bcaf.2675909b.js";
+import { r as a, c as r, h as c, H as t } from "./index.b70d4c92.js";
+import { c as n } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";
+import "./_commonjsHelpers-44457d8d.ba94af77.js";
 const x = `.sc-flip-checkbox-h{display:inline-flex}.sc-flip-checkbox-h *.sc-flip-checkbox{box-sizing:border-box}.checkbox.sc-flip-checkbox{display:inline-flex;line-height:var(--s-line-height-base);cursor:pointer}.checkbox.sc-flip-checkbox:focus-within .checkbox__box.sc-flip-checkbox{box-shadow:0 0 0 0.0625rem var(--s-background-default),
       0 0 0 0.1875rem var(--s-focus-default)}.checkbox--checked.sc-flip-checkbox .checkbox__control.sc-flip-checkbox:hover .checkbox__box.sc-flip-checkbox,.checkbox--indeterminate.sc-flip-checkbox .checkbox__control.sc-flip-checkbox:hover .checkbox__box.sc-flip-checkbox{border-color:var(--s-interactive-primary-hovered);background-color:var(--s-interactive-primary-hovered)}.checkbox--checked.sc-flip-checkbox .checkbox__box.sc-flip-checkbox,.checkbox--indeterminate.sc-flip-checkbox .checkbox__box.sc-flip-checkbox{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.checkbox--invalid.checkbox--checked.sc-flip-checkbox .checkbox__box.sc-flip-checkbox,.checkbox--invalid.checkbox--indeterminate.sc-flip-checkbox .checkbox__box.sc-flip-checkbox{background-color:var(--s-icon-critical)}.checkbox--invalid.sc-flip-checkbox .checkbox__box.sc-flip-checkbox{border-color:var(--s-icon-critical)}.checkbox--disabled.sc-flip-checkbox{cursor:default}.checkbox--disabled.checkbox--checked.sc-flip-checkbox .checkbox__control.sc-flip-checkbox:hover .checkbox__box.sc-flip-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-flip-checkbox .checkbox__control.sc-flip-checkbox:hover .checkbox__box.sc-flip-checkbox{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.checkbox--disabled.checkbox--checked.sc-flip-checkbox .checkbox__box.sc-flip-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-flip-checkbox .checkbox__box.sc-flip-checkbox{background-color:var(--s-icon-disabled)}.checkbox--disabled.sc-flip-checkbox .checkbox__control.sc-flip-checkbox:hover .checkbox__box.sc-flip-checkbox{background-color:transparent}.checkbox--disabled.sc-flip-checkbox .checkbox__box.sc-flip-checkbox{border-color:var(--s-icon-disabled)}.checkbox--disabled.sc-flip-checkbox .checkbox__label.sc-flip-checkbox,.checkbox--disabled.sc-flip-checkbox .checkbox__description.sc-flip-checkbox{color:var(--s-text-disabled)}.checkbox__control.sc-flip-checkbox{position:relative;top:0.125rem;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}.checkbox__control.sc-flip-checkbox:hover .checkbox__box.sc-flip-checkbox{background-color:var(--s-action-neutral-hovered)}.checkbox__box.sc-flip-checkbox{position:relative;z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s)}.checkbox__icon.sc-flip-checkbox{display:inline-flex;width:1.0625rem;height:1.0625rem}.checkbox__icon.sc-flip-checkbox>*.sc-flip-checkbox::part(icon){width:1.0625rem;height:1.0625rem}.checkbox__indeterminate-icon.sc-flip-checkbox{position:relative;width:100%;height:100%}.checkbox__indeterminate-icon.sc-flip-checkbox:after{position:absolute;top:50%;left:50%;width:0.625rem;height:0.125rem;border-radius:0.0625rem;background-color:currentColor;content:"";transform:translate3d(-50%, -50%, 0)}.checkbox__label-container.sc-flip-checkbox{display:inline-flex;margin-left:var(--s-space-12);padding-top:var(--s-space-4);align-items:flex-start;flex-direction:column}.checkbox__label.sc-flip-checkbox{font-weight:var(--s-font-weight-medium)}.checkbox__description.sc-flip-checkbox{color:var(--s-text-subdued)}`, k = class {
   constructor(e) {
-    a(this, e), this.valueChange = t(this, "valueChange", 7), this.checked = !1, this.disabled = !1, this.onChange = () => {
+    a(this, e), this.valueChange = r(this, "valueChange", 7), this.checked = !1, this.disabled = !1, this.onChange = () => {
       this.checked = !(this.checked === !0 || this.checked === "true"), this.valueChange.emit(this.checked);
     };
   }
@@ -17,7 +18,7 @@ const x = `.sc-flip-checkbox-h{display:inline-flex}.sc-flip-checkbox-h *.sc-flip
       "checkbox--invalid": this.invalid,
       "checkbox--unchecked": e
     });
-    return c(r, null, c("label", { class: b, htmlFor: this.inputId }, c("span", { class: "checkbox__control" }, c("flip-visually-hidden", null, c("input", { "aria-checked": s, "aria-invalid": l, checked: o, class: "checkbox__input", disabled: this.disabled, id: this.inputId, indeterminate: i, name: this.inputName, onChange: this.onChange, type: "checkbox", value: this.value })), c("span", { "aria-hidden": "true", class: "checkbox__box" }, c("span", { class: "checkbox__icon" }, o && c("flip-icon-check-strong", null), i && c("span", { class: "checkbox__indeterminate-icon" })))), h && c("span", { class: "checkbox__label-container" }, this.label && c("span", { class: "checkbox__label" }, this.label), this.description && c("span", { class: "checkbox__description" }, this.description))));
+    return c(t, null, c("label", { class: b, htmlFor: this.inputId }, c("span", { class: "checkbox__control" }, c("flip-visually-hidden", null, c("input", { "aria-checked": s, "aria-describedby": this.flipAriaDescribedby, "aria-invalid": l, checked: o, class: "checkbox__input", disabled: this.disabled, id: this.inputId, indeterminate: i, name: this.inputName, onChange: this.onChange, type: "checkbox", value: this.value })), c("span", { "aria-hidden": "true", class: "checkbox__box" }, c("span", { class: "checkbox__icon" }, o && c("flip-icon-check-strong", null), i && c("span", { class: "checkbox__indeterminate-icon" })))), h && c("span", { class: "checkbox__label-container" }, this.label && c("span", { class: "checkbox__label" }, this.label), this.description && c("span", { class: "checkbox__description" }, this.description))));
   }
 };
 k.style = x;

package/dist/{flip-chip.entry.232a1cad.js → flip-chip.entry.42861041.js}

@@ -1,7 +1,8 @@
-import { r as s, h as e, H as c } from "./main.c9b46168.js";
-import { c as n } from "./index-3c78bcaf.2675909b.js";
+import { r as s, h as e, H as c } from "./index.b70d4c92.js";
+import { c as n } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";
+import "./_commonjsHelpers-44457d8d.ba94af77.js";
 const l = ":host{display:inline-flex;max-width:100%}:host *{box-sizing:border-box}.chip{display:inline-flex;max-width:100%;height:2.5rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;border:0.0625rem solid var(--s-border-default);border-radius:1.25rem;color:var(--s-text-subdued);background-color:var(--s-surface-overlay-default);font:inherit;font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm)}.chip--interactive{cursor:pointer}.chip--interactive:hover{background-color:var(--s-surface-overlay-hovered)}.chip--interactive:hover ::part(avatar){background-color:var(--s-surface-raised-hovered)}.chip--interactive:active{background-color:var(--s-surface-overlay-pressed)}.chip--interactive:active ::part(avatar){background-color:var(--s-surface-raised-pressed)}.chip--intent-critical{border-color:var(--s-border-critical);color:var(--s-text-critical)}.chip--intent-critical .chip__icon{color:var(--s-icon-critical)}.chip--intent-success{border-color:var(--s-border-success);color:var(--s-text-success)}.chip--intent-success .chip__icon{color:var(--s-icon-success)}.chip__avatar,.chip__icon{display:inline-flex;margin-right:var(--s-space-8);flex-shrink:0}.chip__avatar{overflow:hidden;width:1.75rem;height:1.75rem;margin-left:-0.625rem}.chip__icon{margin-left:-0.25rem;color:var(--s-icon-default)}.chip__label{overflow:hidden;flex-grow:1;white-space:nowrap;text-overflow:ellipsis}", h = class {
   constructor(i) {
     s(this, i), this.intent = "default", this.interactive = !1;