@getflip/swirl-components-react 0.7.3 → 0.7.5

package/dist/{flip-lightbox.entry.2092cca1.js → flip-lightbox.entry.789fda7c.js}

@@ -1,110 +1,119 @@
-import { r as n, h as e, H as a, g as r } from "./index.c72dae09.js";
-import { A as d } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
-import { d as h, e as c } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
-import { c as g } from "./index-6d2e18c6.289636d4.js";
-import { q as b } from "./utils-39b2afe8.37b54ba4.js";
+import { r as c, h as o, H as g, g as b } from "./index.36bb7524.js";
+import { A as u } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
+import { d as f, e as m } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
+import { c as p } from "./index-6d2e18c6.289636d4.js";
+import { q as x } from "./utils-39b2afe8.37b54ba4.js";
 import "react";
 import "react-dom";
 import "./_commonjsHelpers-44457d8d.ba94af77.js";
-const u = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:fixed;z-index:var(--s-z-40);background-color:rgba(0, 0, 0, 1);inset:0}.lightbox[aria-hidden="true"]{display:none}@media (min-width: 768px){.lightbox{background-color:rgba(0, 0, 0, 0.6)}}.lightbox:not(.lightbox--closing) .lightbox__body{-webkit-animation:0.15s lightbox-fade-in;animation:0.15s lightbox-fade-in}@media (prefers-reduced-motion){.lightbox:not(.lightbox--closing) .lightbox__body{-webkit-animation:none;animation:none}}.lightbox--closing{-webkit-animation:0.15s lightbox-fade-out;animation:0.15s lightbox-fade-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (prefers-reduced-motion){.lightbox--closing{-webkit-animation:none;animation:none}}.lightbox__body{position:relative;width:100%;height:100%}.lightbox__header{position:absolute;z-index:1;top:0;right:0;left:0;display:flex;padding:var(--s-space-12) var(--s-space-16);justify-content:space-between;align-items:flex-start;pointer-events:none}.lightbox__controls{position:absolute;z-index:1;top:50%;right:0;left:0;display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);justify-content:space-between;align-items:flex-start;pointer-events:none}@media (min-width: 768px){.lightbox__controls{display:flex}}.lightbox__close-button,.lightbox__download-button,.lightbox__previous-slide-button,.lightbox__next-slide-button{display:inline-flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);cursor:pointer;transition:opacity 0.15s;pointer-events:auto}.lightbox__close-button:disabled,.lightbox__download-button:disabled,.lightbox__previous-slide-button:disabled,.lightbox__next-slide-button:disabled{pointer-events:none;opacity:0}.lightbox__content{overflow:hidden;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lightbox__slides{display:flex;width:100%;height:100%}.lightbox__slides ::slotted(*){flex-basis:100%;flex-shrink:0;transition:transform 0.3s}@media (min-width: 768px){.lightbox__slides ::slotted(*){padding:4rem 5rem}}@media (prefers-reduced-motion){.lightbox__slides ::slotted(*){transition:none}}.lightbox__pagination{position:absolute;bottom:var(--s-space-32);left:50%;padding:var(--s-space-4) var(--s-space-12);border-radius:var(--s-border-radius-base);color:var(--s-text-on-image);background-color:rgba(0, 0, 0, 0.6);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);transform:translateX(-50%);pointer-events:none}@media (min-width: 768px){.lightbox__pagination{display:none}}@-webkit-keyframes lightbox-fade-in{from{opacity:0}to{opacity:1}}@keyframes lightbox-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes lightbox-fade-out{from{opacity:1}to{opacity:0}}@keyframes lightbox-fade-out{from{opacity:1}to{opacity:0}}', p = class {
-  constructor(i) {
-    n(this, i), this.closeButtonLabel = "Close modal", this.downloadButtonLabel = "Download active slide content", this.nextSlideButtonLabel = "Next slide", this.previousSlideButtonLabel = "Previous slide", this.activeSlideIndex = 0, this.closing = !1, this.dragging = !1, this.mediaPlayers = [], this.onCloseButtonClick = () => {
+const v = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:fixed;z-index:var(--s-z-40);background-color:rgba(0, 0, 0, 1);inset:0}.lightbox[aria-hidden="true"]{display:none}@media (min-width: 768px){.lightbox{background-color:rgba(0, 0, 0, 0.6)}}.lightbox:not(.lightbox--closing) .lightbox__body{-webkit-animation:0.15s lightbox-fade-in;animation:0.15s lightbox-fade-in}@media (prefers-reduced-motion){.lightbox:not(.lightbox--closing) .lightbox__body{-webkit-animation:none;animation:none}}.lightbox--closing{-webkit-animation:0.15s lightbox-fade-out;animation:0.15s lightbox-fade-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (prefers-reduced-motion){.lightbox--closing{-webkit-animation:none;animation:none}}.lightbox__body{position:relative;width:100%;height:100%}.lightbox__header{position:absolute;z-index:1;top:0;right:0;left:0;display:flex;padding:var(--s-space-12) var(--s-space-16);justify-content:space-between;align-items:flex-start;pointer-events:none}.lightbox__controls{position:absolute;z-index:1;top:50%;right:0;left:0;display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);justify-content:space-between;align-items:flex-start;pointer-events:none}@media (min-width: 768px){.lightbox__controls{display:flex}}.lightbox__close-button,.lightbox__download-button,.lightbox__previous-slide-button,.lightbox__next-slide-button{display:inline-flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);cursor:pointer;transition:opacity 0.15s;pointer-events:auto}.lightbox__close-button:disabled,.lightbox__download-button:disabled,.lightbox__previous-slide-button:disabled,.lightbox__next-slide-button:disabled{pointer-events:none;opacity:0}.lightbox__content{overflow:hidden;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lightbox__slides{display:flex;width:100%;height:100%}.lightbox__slides ::slotted(*){flex-basis:100%;flex-shrink:0;transition:transform 0.3s}@media (min-width: 768px){.lightbox__slides ::slotted(*){padding:4rem 5rem}}@media (prefers-reduced-motion){.lightbox__slides ::slotted(*){transition:none}}.lightbox__pagination{position:absolute;bottom:var(--s-space-32);left:50%;padding:var(--s-space-4) var(--s-space-12);border-radius:var(--s-border-radius-base);color:var(--s-text-on-image);background-color:rgba(0, 0, 0, 0.6);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);transform:translateX(-50%);pointer-events:none}@media (min-width: 768px){.lightbox__pagination{display:none}}@-webkit-keyframes lightbox-fade-in{from{opacity:0}to{opacity:1}}@keyframes lightbox-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes lightbox-fade-out{from{opacity:1}to{opacity:0}}@keyframes lightbox-fade-out{from{opacity:1}to{opacity:0}}', _ = class {
+  constructor(t) {
+    c(this, t), this.closeButtonLabel = "Close modal", this.downloadButtonLabel = "Download active slide content", this.nextSlideButtonLabel = "Next slide", this.previousSlideButtonLabel = "Previous slide", this.activeSlideIndex = 0, this.closing = !1, this.dragging = !1, this.mediaPlayers = [], this.onCloseButtonClick = () => {
       this.close();
     }, this.onDownloadButtonClick = () => {
-      var t;
-      (t = this.slides[this.activeSlideIndex]) === null || t === void 0 || t.download();
-    }, this.onKeyDown = (t) => {
-      t.code === "Escape" ? this.close() : t.code === "ArrowLeft" ? this.onPreviousSlideClick() : t.code === "ArrowRight" && this.onNextSlideClick();
+      var i;
+      (i = this.slides[this.activeSlideIndex]) === null || i === void 0 || i.download();
+    }, this.onKeyDown = (i) => {
+      i.code === "Escape" ? this.close() : i.code === "ArrowLeft" ? this.onPreviousSlideClick() : i.code === "ArrowRight" && this.onNextSlideClick();
     }, this.onNextSlideClick = () => {
       this.activateSlide(Math.min(this.slides.length - 1, this.activeSlideIndex + 1));
     }, this.onPreviousSlideClick = () => {
       this.activateSlide(Math.max(0, this.activeSlideIndex - 1));
     }, this.registerSlides = () => {
       this.slides = Array.from(this.el.children), this.setSlideAttributes(), this.updateMediaPlayers();
-    }, this.onPointerDown = (t) => {
-      t.preventDefault(), this.dragging = !0, this.dragStartPosition = t instanceof MouseEvent ? t.clientX : t.touches[0].clientX, this.slides.forEach((o) => {
-        o.style.transition = "none";
+    }, this.onPointerDown = (i) => {
+      this.dragging = !0, this.dragStartPosition = i instanceof MouseEvent ? i.clientX : i.touches[0].clientX, this.slides.forEach((e) => {
+        e.style.transition = "none";
       });
-    }, this.onPointerMove = (t) => {
-      if (this.dragging) {
-        t.preventDefault();
-        const o = t instanceof MouseEvent ? t.clientX - this.dragStartPosition : t.touches[0].clientX - this.dragStartPosition;
-        this.slides.forEach((s) => {
-          const l = this.activeSlideIndex * s.getBoundingClientRect().width;
-          this.dragDelta = o, s.style.transform = `translate3d(${(-l + this.dragDelta) / 16}rem, 0, 0)`;
+    }, this.onPointerMove = async (i) => {
+      var e, s;
+      const l = !(i instanceof MouseEvent) && i.touches.length > 1, a = (s = (e = this.slides[this.activeSlideIndex]) === null || e === void 0 ? void 0 : e.shadowRoot) === null || s === void 0 ? void 0 : s.querySelector("flip-file-viewer-image"), r = Boolean(a) ? await a.getZoom() > 1 : !1;
+      if (!(l || r) && this.dragging) {
+        i.preventDefault();
+        const d = i instanceof MouseEvent ? i.clientX - this.dragStartPosition : i.touches[0].clientX - this.dragStartPosition;
+        this.slides.forEach((n) => {
+          const h = this.activeSlideIndex * n.getBoundingClientRect().width;
+          this.dragDelta = d, n.style.transform = `translate3d(${(-h + this.dragDelta) / 16}rem, 0, 0)`;
         });
       }
     }, this.onPointerUp = () => {
       this.dragging = !1, this.dragStartPosition = void 0;
-      const t = this.dragDelta / this.slides[this.activeSlideIndex].getBoundingClientRect().width;
+      const i = this.dragDelta / this.slides[this.activeSlideIndex].getBoundingClientRect().width;
       this.dragDelta = 0;
-      const o = t > 0.2, s = t < -0.2;
+      const e = i > 0.2, s = i < -0.2;
       this.slides.forEach((l) => {
         l.style.transition = "";
-      }), o ? this.onPreviousSlideClick() : s ? this.onNextSlideClick() : this.resetSlidePositions();
+      }), e ? this.onPreviousSlideClick() : s ? this.onNextSlideClick() : this.resetSlidePositions();
     };
   }
   componentWillLoad() {
     this.registerSlides();
   }
   componentDidLoad() {
-    this.modal = new d(this.modalEl), this.activateSlide(0);
+    this.modal = new u(this.modalEl), this.activateSlide(0);
   }
   disconnectedCallback() {
-    var i;
-    (i = this.modal) === null || i === void 0 || i.destroy(), this.unlockBodyScroll();
+    var t;
+    (t = this.modal) === null || t === void 0 || t.destroy(), this.unlockBodyScroll();
   }
   async open() {
     this.modal.show(), this.lockBodyScroll();
   }
   async close() {
     this.closing || (this.closing = !0, this.unlockBodyScroll(), setTimeout(() => {
-      this.modal.hide(), this.closing = !1;
+      this.modal.hide(), this.resetImageZoom(), this.closing = !1;
     }, 150));
   }
-  async activateSlide(i) {
-    this.dragging = !1, this.activeSlideIndex = i, this.slides.forEach((t, o) => {
-      o === this.activeSlideIndex ? (t.removeAttribute("aria-hidden"), t.setAttribute("active", "true")) : o === this.activeSlideIndex - 1 || o === this.activeSlideIndex + 1 ? (t.setAttribute("aria-hidden", "true"), t.setAttribute("active", "true")) : t.setAttribute("aria-hidden", "true"), t.style.transform = `translate3d(-${100 * this.activeSlideIndex}%, 0, 0)`;
+  async activateSlide(t) {
+    this.dragging = !1, this.activeSlideIndex = t, this.slides.forEach((i, e) => {
+      e === this.activeSlideIndex ? (i.removeAttribute("aria-hidden"), i.setAttribute("active", "true")) : e === this.activeSlideIndex - 1 || e === this.activeSlideIndex + 1 ? (i.setAttribute("aria-hidden", "true"), i.setAttribute("active", "true")) : i.setAttribute("aria-hidden", "true"), i.style.transform = `translate3d(-${100 * this.activeSlideIndex}%, 0, 0)`;
     }), setTimeout(() => {
-      this.slides.forEach((t, o) => {
-        o !== this.activeSlideIndex && o !== this.activeSlideIndex - 1 && o !== this.activeSlideIndex + 1 && t.setAttribute("active", "false");
+      this.slides.forEach((i, e) => {
+        e !== this.activeSlideIndex && e !== this.activeSlideIndex - 1 && e !== this.activeSlideIndex + 1 && i.setAttribute("active", "false");
       });
-    }, 300), this.stopAllMediaPlayers(), this.updateMediaPlayers();
+    }, 300), this.stopAllMediaPlayers(), this.updateMediaPlayers(), this.resetImageZoom();
   }
   setSlideAttributes() {
-    this.slides.forEach((i) => {
-      i.setAttribute("active", "false"), i.setAttribute("aria-label", i.file), i.setAttribute("aria-roledescription", "slide"), i.setAttribute("role", "group");
+    this.slides.forEach((t) => {
+      t.setAttribute("active", "false"), t.setAttribute("aria-label", t.file), t.setAttribute("aria-roledescription", "slide"), t.setAttribute("role", "group");
     });
   }
   resetSlidePositions() {
-    this.slides.forEach((i) => {
-      i.style.transform = `translate3d(-${100 * this.activeSlideIndex}%, 0, 0)`;
+    this.slides.forEach((t) => {
+      t.style.transform = `translate3d(-${100 * this.activeSlideIndex}%, 0, 0)`;
     });
   }
   lockBodyScroll() {
-    h(this.el);
+    f(this.el);
   }
   unlockBodyScroll() {
-    c(this.el);
+    m(this.el);
   }
   updateMediaPlayers() {
-    const i = b(this.el, "video");
-    this.mediaPlayers = i;
+    const t = x(this.el, "video");
+    this.mediaPlayers = t;
   }
   stopAllMediaPlayers() {
-    this.mediaPlayers.forEach((i) => i.pause());
+    this.mediaPlayers.forEach((t) => t.pause());
+  }
+  resetImageZoom() {
+    this.slides.forEach((t) => {
+      var i;
+      const e = (i = t == null ? void 0 : t.shadowRoot) === null || i === void 0 ? void 0 : i.querySelector("flip-file-viewer-image");
+      Boolean(e) && e.resetZoom();
+    });
   }
   render() {
-    const i = this.slides.length > 1, t = g("lightbox", {
+    const t = this.slides.length > 1, i = p("lightbox", {
       "lightbox--closing": this.closing
     });
-    return e(a, null, e("section", { "aria-hidden": "true", "aria-label": this.label, class: t, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onKeyDown: this.onKeyDown, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (o) => this.modalEl = o }, e("div", { class: "lightbox__body", role: "document" }, e("header", { class: "lightbox__header" }, e("button", { "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, e("flip-icon-close", null)), e("button", { "aria-label": this.downloadButtonLabel, class: "lightbox__download-button", onClick: this.onDownloadButtonClick }, e("flip-icon-download", null))), e("div", { "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, e("div", { "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides" }, e("slot", { onSlotchange: this.registerSlides }))), e("div", { class: "lightbox__controls" }, e("button", { "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, e("flip-icon-arrow-left", null)), e("button", { "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, e("flip-icon-arrow-right", null))), i && e("span", { class: "lightbox__pagination" }, e("span", { "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))));
+    return o(g, null, o("section", { "aria-hidden": "true", "aria-label": this.label, class: i, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onKeyDown: this.onKeyDown, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (e) => this.modalEl = e }, o("div", { class: "lightbox__body", role: "document" }, o("header", { class: "lightbox__header" }, o("button", { "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, o("flip-icon-close", null)), o("button", { "aria-label": this.downloadButtonLabel, class: "lightbox__download-button", onClick: this.onDownloadButtonClick }, o("flip-icon-download", null))), o("div", { "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, o("div", { "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides" }, o("slot", { onSlotchange: this.registerSlides }))), o("div", { class: "lightbox__controls" }, o("button", { "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, o("flip-icon-arrow-left", null)), o("button", { "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, o("flip-icon-arrow-right", null))), t && o("span", { class: "lightbox__pagination" }, o("span", { "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))));
   }
   get el() {
-    return r(this);
+    return b(this);
   }
 };
-p.style = u;
+_.style = v;
 export {
-  p as flip_lightbox
+  _ as flip_lightbox
 };

package/dist/{flip-link.entry.423a8ace.js → flip-link.entry.c3f36241.js}

@@ -1,4 +1,4 @@
-import { r as i, h as r, H as t } from "./index.c72dae09.js";
+import { r as i, h as r, H as t } from "./index.36bb7524.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-list.entry.ca629a59.js → flip-list.entry.7dda2755.js}

@@ -1,4 +1,4 @@
-import { r as e, h as l, H as n } from "./index.c72dae09.js";
+import { r as e, h as l, H as n } from "./index.36bb7524.js";
 import "react";
 import "react-dom";
 const r = ':host{display:block}:host *{box-sizing:border-box}.flip-list{line-height:var(--s-line-height-base)}.flip-list ul,.flip-list ol{margin:0;padding:0;list-style-position:outside;list-style-type:none}.flip-list ul li{padding-left:1.5rem}.flip-list ul li:before{display:inline-block;width:1.5rem;margin-left:-1.5rem;text-align:center;content:"\u2022"}.flip-list ol{counter-reset:item}.flip-list ol ol{counter-reset:letter}.flip-list ol ol li:before{content:counter(letter, lower-alpha) ".";counter-increment:letter}.flip-list ol li{padding-left:1.5rem}.flip-list ol li:before{display:inline-block;min-width:1.5rem;font-variant-numeric:tabular-nums;margin-left:-1.5rem;padding-right:var(--s-space-8);text-align:right;content:counter(item) ".";counter-increment:item}', s = class {

package/dist/{flip-modal.entry.161e0b5f.js → flip-modal.entry.7894e062.js}

@@ -1,11 +1,11 @@
-import { r as h, c as l, h as a, H as p } from "./index.c72dae09.js";
+import { r as h, c as l, h as a, H as p } from "./index.36bb7524.js";
 import { A as f } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
 import { d as b, e as v } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as u } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";
 import "./_commonjsHelpers-44457d8d.ba94af77.js";
-const g = ':host{--flip-ghost-button-background-default:var(--s-surface-overlay-default);--flip-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--flip-ghost-button-background-pressed:var(--s-surface-overlay-pressed);display:block}:host *{box-sizing:border-box}.modal{position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;inset:0}.modal[aria-hidden="true"]{display:none}.modal:not(.modal--closing) .modal__backdrop{-webkit-animation:0.15s modal-backdrop-fade-in;animation:0.15s modal-backdrop-fade-in}@media (prefers-reduced-motion){.modal:not(.modal--closing) .modal__backdrop{-webkit-animation:none;animation:none}}.modal:not(.modal--closing) .modal__body{-webkit-animation:0.15s modal-scale-in;animation:0.15s modal-scale-in}@media (prefers-reduced-motion){.modal:not(.modal--closing) .modal__body{-webkit-animation:none;animation:none}}.modal--closing{-webkit-animation:0.15s modal-fade-out;animation:0.15s modal-fade-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--closing{-webkit-animation:none;animation:none}}@media (min-width: 768px){.modal--scrollable .modal__content{padding-bottom:0}}.modal--scrollable:not(.modal--scrolled-down) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal--scrolled .modal__header{border-bottom:var(--s-border-width-default) solid var(--s-border-default)}}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.modal__body{position:relative;z-index:var(--s-z-40);display:flex;width:100vw;height:100vh;background-color:var(--s-surface-overlay-default);flex-direction:column}@media (min-width: 768px){.modal__body{width:90vw;max-width:33.75rem;height:auto;max-height:90vh;border-radius:var(--s-border-radius-base);box-shadow:0.125rem 0.25rem 1rem rgba(0, 0, 0, 0.14)}}.modal__close-button{position:absolute;top:var(--s-space-8);left:var(--s-space-8)}@media (min-width: 768px){.modal__close-button{top:var(--s-space-16);right:var(--s-space-16);left:auto}}.modal__header{display:flex;height:3.5rem;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-8) + 2.5rem + var(--s-space-8));flex-shrink:0;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);gap:var(--s-space-16)}@media (min-width: 768px){.modal__header{height:4.125rem;padding-top:var(--s-space-24);padding-right:calc(var(--s-space-16) + 2.5rem + var(--s-space-8));padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);border-bottom:none}}.modal__heading{overflow:hidden}.modal__heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal__content{overflow-x:hidden;overflow-y:auto;padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-24);padding-left:var(--s-space-16);flex-grow:1;line-height:var(--s-line-height-base)}.modal__content ::slotted(*){margin:0}@media (min-width: 768px){.modal__content{padding-top:0;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}}.modal__controls{display:flex;padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);flex-shrink:0;justify-content:flex-end}@-webkit-keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@-webkit-keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes modal-fade-out{from{opacity:1}to{opacity:0}}@keyframes modal-fade-out{from{opacity:1}to{opacity:0}}', y = class {
+const g = ':host{--flip-ghost-button-background-default:var(--s-surface-overlay-default);--flip-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--flip-ghost-button-background-pressed:var(--s-surface-overlay-pressed);display:block}:host *{box-sizing:border-box}.modal{position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;inset:0}.modal[aria-hidden="true"]{display:none}.modal:not(.modal--closing) .modal__backdrop{-webkit-animation:0.15s modal-backdrop-fade-in;animation:0.15s modal-backdrop-fade-in}@media (prefers-reduced-motion){.modal:not(.modal--closing) .modal__backdrop{-webkit-animation:none;animation:none}}.modal:not(.modal--closing) .modal__body{-webkit-animation:0.15s modal-scale-in;animation:0.15s modal-scale-in}@media (prefers-reduced-motion){.modal:not(.modal--closing) .modal__body{-webkit-animation:none;animation:none}}.modal--closing{-webkit-animation:0.15s modal-fade-out;animation:0.15s modal-fade-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--closing{-webkit-animation:none;animation:none}}@media (min-width: 768px){.modal--scrollable .modal__content{padding-bottom:0}}.modal--scrollable:not(.modal--scrolled-down) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal--scrolled .modal__header{border-bottom-color:var(--s-border-default)}}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.modal__body{position:relative;z-index:var(--s-z-40);display:flex;width:100vw;height:100vh;background-color:var(--s-surface-overlay-default);flex-direction:column}@media (min-width: 768px){.modal__body{width:90vw;max-width:33.75rem;height:auto;max-height:90vh;border-radius:var(--s-border-radius-base);box-shadow:0.125rem 0.25rem 1rem rgba(0, 0, 0, 0.14)}}.modal__close-button{position:absolute;top:var(--s-space-8);left:var(--s-space-8)}@media (min-width: 768px){.modal__close-button{top:var(--s-space-16);right:var(--s-space-16);left:auto}}.modal__header{display:flex;height:3.5rem;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-8) + 2.5rem + var(--s-space-8));flex-shrink:0;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);gap:var(--s-space-16)}@media (min-width: 768px){.modal__header{height:4.125rem;padding-top:var(--s-space-24);padding-right:calc(var(--s-space-16) + 2.5rem + var(--s-space-8));padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);border-bottom:var(--s-border-width-default) solid transparent}}.modal__heading{overflow:hidden}.modal__heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal__content{overflow-x:hidden;overflow-y:auto;padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-24);padding-left:var(--s-space-16);flex-grow:1;line-height:var(--s-line-height-base)}.modal__content ::slotted(*){margin:0}@media (min-width: 768px){.modal__content{padding-top:0;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}}.modal__controls{display:flex;padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);flex-shrink:0;justify-content:flex-end}@-webkit-keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@-webkit-keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes modal-fade-out{from{opacity:1}to{opacity:0}}@keyframes modal-fade-out{from{opacity:1}to{opacity:0}}', y = class {
   constructor(e) {
     h(this, e), this.modalClose = l(this, "modalClose", 7), this.modalOpen = l(this, "modalOpen", 7), this.primaryAction = l(this, "primaryAction", 7), this.secondaryAction = l(this, "secondaryAction", 7), this.closeButtonLabel = "Close modal", this.closing = !1, this.scrollable = !1, this.scrolled = !1, this.scrolledDown = !1, this.onKeyDown = (o) => {
       o.code === "Escape" && this.close();

package/dist/{flip-option-list-section.entry.d962ad12.js → flip-option-list-section.entry.79fff2b2.js}

@@ -1,4 +1,4 @@
-import { r as o, h as t, H as i } from "./index.c72dae09.js";
+import { r as o, h as t, H as i } from "./index.36bb7524.js";
 import "react";
 import "react-dom";
 const e = ":host{display:block}:host *{box-sizing:border-box}.option-list-section{background-color:var(--s-surface-overlay-default)}.option-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-pagination.entry.010081c1.js → flip-pagination.entry.5345fd95.js}

@@ -1,4 +1,4 @@
-import { r as p, c as r, h as a, H as c } from "./index.c72dae09.js";
+import { r as p, c as r, h as a, H as c } from "./index.36bb7524.js";
 import { c as g } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";

package/dist/{flip-pdf-reader.entry.9eb13593.js → flip-pdf-reader.entry.3644fab5.js}

@@ -1,4 +1,4 @@
-import { r, h as e, H as s, g as n } from "./index.c72dae09.js";
+import { r, h as e, H as s, g as n } from "./index.36bb7524.js";
 import { A as l } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
 import { d, e as c } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as p } from "./index-6d2e18c6.289636d4.js";

package/dist/{flip-popover.entry.1a1679c3.js → flip-popover.entry.a924e46c.js}

@@ -1,4 +1,4 @@
-import { r as m, c as s, h as n, H as v, g as f } from "./index.c72dae09.js";
+import { r as m, c as s, h as n, H as v, g as f } from "./index.36bb7524.js";
 import { o as a, s as p, f as u, c as g, a as b } from "./floating-ui.dom.esm-1a4e8b8a.87557233.js";
 import { e as l, d as y } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as k } from "./index-6d2e18c6.289636d4.js";

package/dist/{flip-progress-indicator.entry.5dba151c.js → flip-progress-indicator.entry.423680af.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as n } from "./index.c72dae09.js";
+import { r as t, h as s, H as n } from "./index.36bb7524.js";
 import { c } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";

package/dist/{flip-radio-group.entry.0198f8d5.js → flip-radio-group.entry.acafde6b.js}

@@ -1,4 +1,4 @@
-import { r as o, c as s, h as r, H as l, g as n } from "./index.c72dae09.js";
+import { r as o, c as s, h as r, H as l, g as n } from "./index.36bb7524.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-12)}", d = class {

package/dist/{flip-radio.entry.3d99d59a.js → flip-radio.entry.65b72288.js}

@@ -1,4 +1,4 @@
-import { r as s, c as l, h as i, H as c } from "./index.c72dae09.js";
+import { r as s, c as l, h as i, H as c } from "./index.36bb7524.js";
 import { c as t } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";

package/dist/{flip-resource-list-file-item.entry.19c0b184.js → flip-resource-list-file-item.entry.2f20e2c3.js}

@@ -1,4 +1,4 @@
-import { r as l, c as a, h as e, H as n } from "./index.c72dae09.js";
+import { r as l, c as a, h as e, H as n } from "./index.36bb7524.js";
 import { c } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";

package/dist/{flip-search.entry.ff096809.js → flip-search.entry.fa830da3.js}

@@ -1,4 +1,4 @@
-import { r as c, c as r, h as a, H as i } from "./index.c72dae09.js";
+import { r as c, c as r, h as a, H as i } from "./index.36bb7524.js";
 import { c as t } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";

package/dist/{flip-select.entry.3798e896.js → flip-select.entry.2e1ed952.js}

@@ -1,4 +1,4 @@
-import { r as n, c, h as e, H as r, g as p } from "./index.c72dae09.js";
+import { r as n, c, h as e, H as r, g as p } from "./index.36bb7524.js";
 import { c as d } from "./index-6d2e18c6.289636d4.js";
 import { q as h } from "./utils-39b2afe8.37b54ba4.js";
 import "react";

package/dist/{flip-stack.entry.1a893699.js → flip-stack.entry.4881c210.js}

@@ -1,4 +1,4 @@
-import { r as i, h as s, H as e } from "./index.c72dae09.js";
+import { r as i, h as s, H as e } from "./index.36bb7524.js";
 import { c as n } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";

package/dist/{flip-switch.entry.72fbee88.js → flip-switch.entry.3df1ac21.js}

@@ -1,4 +1,4 @@
-import { r as n, c as r, h as e, H as a, g as o } from "./index.c72dae09.js";
+import { r as n, c as r, h as e, H as a, g as o } from "./index.36bb7524.js";
 import { c as l } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";

package/dist/{flip-tab.entry.4a4eb968.js → flip-tab.entry.1c1f810c.js}

@@ -1,4 +1,4 @@
-import { r as s, h as a, H as i } from "./index.c72dae09.js";
+import { r as s, h as a, H as i } from "./index.36bb7524.js";
 import { c as o } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";

package/dist/{flip-tabs.entry.81bee5a1.js → flip-tabs.entry.b9daf0ff.js}

@@ -1,4 +1,4 @@
-import { r as i, c as r, h as e, H as o, g as b } from "./index.c72dae09.js";
+import { r as i, c as r, h as e, H as o, g as b } from "./index.36bb7524.js";
 import { c as l } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";

package/dist/{flip-tag.entry.1e1a5cb5.js → flip-tag.entry.0d11bc9e.js}

@@ -1,4 +1,4 @@
-import { r as e, c as s, h as t, H as n } from "./index.c72dae09.js";
+import { r as e, c as s, h as t, H as n } from "./index.36bb7524.js";
 import { c as i } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";

package/dist/{flip-text-input.entry.7c9fe7c4.js → flip-text-input.entry.cda7c31e.js}

@@ -1,4 +1,4 @@
-import { r as h, c as n, h as i, H as c } from "./index.c72dae09.js";
+import { r as h, c as n, h as i, H as c } from "./index.36bb7524.js";
 import { c as d } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";

package/dist/{flip-theme-provider.entry.3ad310cb.js → flip-theme-provider.entry.7c7d3b31.js}

@@ -1,4 +1,4 @@
-import { r as C, h as b, H } from "./index.c72dae09.js";
+import { r as C, h as b, H } from "./index.36bb7524.js";
 import "react";
 import "react-dom";
 function h(e, t, n) {

package/dist/{flip-thumbnail.entry.5ef122bc.js → flip-thumbnail.entry.53233f01.js}

@@ -1,4 +1,4 @@
-import { r as t, h as a, H as s } from "./index.c72dae09.js";
+import { r as t, h as a, H as s } from "./index.36bb7524.js";
 import { c as l } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";

package/dist/{flip-toast-provider.entry.50a7f7f3.js → flip-toast-provider.entry.93df4dee.js}

@@ -1,4 +1,4 @@
-import { r, h as a, H as e } from "./index.c72dae09.js";
+import { r, h as a, H as e } from "./index.36bb7524.js";
 import "react";
 import "react-dom";
 const l = class {

package/dist/{flip-toast.entry.52637937.js → flip-toast.entry.d88bc93c.js}

@@ -1,4 +1,4 @@
-import { r as i, c as a, h as t, H as e } from "./index.c72dae09.js";
+import { r as i, c as a, h as t, H as e } from "./index.36bb7524.js";
 import { c as o } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";

package/dist/{flip-tooltip.entry.0e56a9ce.js → flip-tooltip.entry.ffb8aa23.js}

@@ -1,4 +1,4 @@
-import { r as n, h as o, H as l } from "./index.c72dae09.js";
+import { r as n, h as o, H as l } from "./index.36bb7524.js";
 import { c as r, o as p, s as h, f as d } from "./floating-ui.dom.esm-1a4e8b8a.87557233.js";
 import "react";
 import "react-dom";

package/dist/flip-tree-navigation-item.entry.abd3c2a7.js

@@ -0,0 +1,26 @@
+import { r as i, h as a, H as s, g as r } from "./index.36bb7524.js";
+import { c as o } from "./index-6d2e18c6.289636d4.js";
+import "react";
+import "react-dom";
+import "./_commonjsHelpers-44457d8d.ba94af77.js";
+const n = ":host{display:inline-flex;width:100%;height:2.5rem;padding-right:var(--s-space-16);padding-left:calc(var(--s-space-16) + 1.5rem + var(--s-space-8));flex-shrink:0;justify-content:flex-start;align-items:center;color:var(--s-text-default);background-color:var(--s-surface-default);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);cursor:pointer;gap:calc(var(--s-space-8) - var(--s-space-2))}:host(:hover){background-color:var(--s-surface-hovered)}:host(:active){background-color:var(--s-surface-pressed)}:host(:focus){outline:none}:host(:focus) .tree-navigation-item__label{border-radius:var(--s-border-radius-xs);box-shadow:0 0 0 0.125rem var(--s-focus-default)}:host(.tree-navigation-item--active){background-color:var(--s-surface-raised-default);box-shadow:inset 0.25rem 0 0 0 var(--s-surface-highlight-default)}:host(.tree-navigation-item--active:hover){background-color:var(--s-surface-raised-hovered)}:host(.tree-navigation-item--active:active){background-color:var(--s-surface-raised-pressed)}:host(.tree-navigation-item--has-icon){padding-left:var(--s-space-16)}:host *{box-sizing:border-box}.tree-navigation-item__icon{display:inline-flex}.tree-navigation-item__label{overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis;padding-right:var(--s-space-2);padding-left:var(--s-space-2)}", c = class {
+  constructor(e) {
+    i(this, e), this.onKeyDown = (t) => {
+      t.code === "Enter" && (t.preventDefault(), this.el.click());
+    };
+  }
+  render() {
+    const e = o("tree-navigation-item", {
+      "tree-navigation-item--active": this.active,
+      "tree-navigation-item--has-icon": Boolean(this.icon)
+    });
+    return a(s, { class: e, onKeyDown: this.onKeyDown, role: "link", tabIndex: 0 }, this.icon && a("span", { class: "tree-navigation-item__icon", innerHTML: this.icon }), a("span", { class: "tree-navigation-item__label" }, this.label));
+  }
+  get el() {
+    return r(this);
+  }
+};
+c.style = n;
+export {
+  c as flip_tree_navigation_item
+};

package/dist/{flip-video-thumbnail.entry.1fa48602.js → flip-video-thumbnail.entry.4ddf94e8.js}

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

package/dist/{flip-visually-hidden.entry.82df4b9e.js → flip-visually-hidden.entry.21a80b87.js}

@@ -1,4 +1,4 @@
-import { r, h as i, H as l } from "./index.c72dae09.js";
+import { r, h as i, H as l } from "./index.36bb7524.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 {