@getflip/swirl-components-react 0.211.0 → 0.213.0

package/dist/{swirl-theme-provider.entry.cd795e98.js → swirl-theme-provider.entry.6fcee06f.js}

@@ -1,9 +1,9 @@
-import { r as m, c as n, h as o, H as d } from "./index.b48d93c2.js";
+import { r as m, c as a, h as o, H as d } from "./index.72866a29.js";
 import "react";
 import "react-dom";
 const l = ".sc-swirl-theme-provider-h{display:block}", c = l, i = "swirl-preferred-theme", g = class {
   constructor(e) {
-    m(this, e), this.appThemeUpdated = n(this, "appThemeUpdated", 7), this.themeChange = n(this, "themeChange", 7), this.darkThemeMediaQuery = window.matchMedia("(prefers-color-scheme: dark)"), this.setDesignTokens = [], this.osThemeChangeHandler = (t) => {
+    m(this, e), this.appThemeUpdated = a(this, "appThemeUpdated", 7), this.themeChange = a(this, "themeChange", 7), this.darkThemeMediaQuery = window.matchMedia("(prefers-color-scheme: dark)"), this.setDesignTokens = [], this.osThemeChangeHandler = (t) => {
       this.osTheme = t.matches ? "dark" : "light", this.updateAppTheme();
     }, this.config = void 0;
   }
@@ -69,8 +69,8 @@ const l = ".sc-swirl-theme-provider-h{display:block}", c = l, i = "swirl-preferr
     }
     const t = this.resolvedConfig.rootElement;
     this.setDesignTokens = [], e.design_tokens.forEach((h) => {
-      const a = `--s-${h.id}`;
-      t.style.setProperty(a, `rgba(${h.color.r}, ${h.color.g}, ${h.color.b}, ${h.color.a})`), this.setDesignTokens.push(a);
+      const n = `--s-${h.id}`;
+      t.style.setProperty(n, `rgba(${h.color.r}, ${h.color.g}, ${h.color.b}, ${h.color.a})`), this.setDesignTokens.push(n);
     });
   }
   resetTenantVariables() {
@@ -80,7 +80,7 @@ const l = ".sc-swirl-theme-provider-h{display:block}", c = l, i = "swirl-preferr
     }), this.setDesignTokens = [];
   }
   render() {
-    return o(d, { key: "9074b561d1f2ad954b3cb7828f59c5817df6b308" }, o("slot", { key: "18de2ab14ea6d905cae1e520a9a4aa4a7a0a4210" }));
+    return o(d, { key: "776b3c24a772cfe87d6a29e8a7d3a5d0eaac4949" }, o("slot", { key: "b2e84df4b6ea35f0bc7f2508b614a8dc9e3af30c" }));
   }
   static get watchers() {
     return {

package/dist/{swirl-time-input.entry.1c14d2a7.js → swirl-time-input.entry.e66b4ef4.js}

@@ -1,4 +1,4 @@
-import { r as c, c as u, h as a, H as p, g as m } from "./index.b48d93c2.js";
+import { r as c, c as u, h as a, H as p, g as m } from "./index.72866a29.js";
 import { c as f } from "./index-267776a4.6beb4f4b.js";
 import { p as r, i as o, f as d, m as v } from "./maska-c5119b9a.aa658697.js";
 import { g as w } from "./utils-9b747dd7.4c4c7dc0.js";
@@ -6,21 +6,21 @@ import "react";
 import "react-dom";
 import "./_commonjsHelpers-d20b9603.2d9b8855.js";
 const b = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h *.sc-swirl-time-input{box-sizing:border-box}.time-input.sc-swirl-time-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);line-height:var(--s-line-height-sm)}.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:0}}.time-input__input.sc-swirl-time-input{display:inline-flex;width:calc(100% - 1.25rem - var(--s-space-8));margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.time-input__input.sc-swirl-time-input:focus{outline:none}.time-input__input.sc-swirl-time-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__input.sc-swirl-time-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.time-input__icon.sc-swirl-time-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__icon.sc-swirl-time-input{top:-0.625rem}}", g = b, l = "HH:mm:ss", k = class {
-  constructor(e) {
-    c(this, e), this.inputBlur = u(this, "inputBlur", 7), this.inputFocus = u(this, "inputFocus", 7), this.valueChange = u(this, "valueChange", 7), this.desktopMediaQuery = w(), this.desktopMediaQueryHandler = (i) => {
+  constructor(t) {
+    c(this, t), this.inputBlur = u(this, "inputBlur", 7), this.inputFocus = u(this, "inputFocus", 7), this.valueChange = u(this, "valueChange", 7), this.desktopMediaQuery = w(), this.desktopMediaQueryHandler = (i) => {
       this.updateIconSize(i.matches);
     }, this.onChange = (i) => {
-      const t = i.target.value;
+      const e = i.target.value;
       let s;
-      t === "" && (this.value = void 0, this.valueChange.emit(void 0));
-      const n = r(t, this.format, new Date()), h = new RegExp(`^${this.format.replace(/[Hhms]/g, "\\d")}$`);
-      !Boolean(t.match(h)) || (o(n) ? s = d(n, l) : s = d(new Date(), l), this.value = s, this.valueChange.emit(s));
+      e === "" && (this.value = void 0, this.valueChange.emit(void 0));
+      const n = r(e, this.format, new Date()), h = new RegExp(`^${this.format.replace(/[Hhms]/g, "\\d")}$`);
+      !Boolean(e.match(h)) || (o(n) ? s = d(n, l) : s = d(new Date(), l), this.value = s, this.valueChange.emit(s));
     }, this.onBlur = (i) => {
       this.inputBlur.emit(i);
-      const t = i.target, s = r(t.value, this.format, new Date());
+      const e = i.target, s = r(e.value, this.format, new Date());
       if (!o(s) && Boolean(this.value)) {
         const n = Boolean(this.value) ? r(this.value, l, new Date()) : void 0;
-        (!Boolean(n) || !o(n)) && (this.value = ""), t.value = d(n, this.format);
+        (!Boolean(n) || !o(n)) && (this.value = ""), e.value = d(n, this.format);
       }
     }, this.onInput = (i) => {
       this.onChange(i);
@@ -31,8 +31,8 @@ const b = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h
     }, this.autoFocus = void 0, this.autoSelect = void 0, this.disabled = void 0, this.format = "HH:mm", this.inline = void 0, this.invalid = void 0, this.placeholder = "hh:mm", this.required = void 0, this.swirlAriaDescribedby = void 0, this.value = void 0, this.iconSize = 24;
   }
   componentWillLoad() {
-    const e = Array.from(document.querySelectorAll("swirl-time-input")).indexOf(this.el);
-    this.id = `swirl-time-input-${e}`;
+    const t = Array.from(document.querySelectorAll("swirl-time-input")).indexOf(this.el);
+    this.id = `swirl-time-input-${t}`;
   }
   componentDidLoad() {
     this.setupMask(), this.updateIconSize(this.desktopMediaQuery.matches), this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler, this.autoFocus && setTimeout(() => {
@@ -40,29 +40,29 @@ const b = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h
     });
   }
   disconnectedCallback() {
-    var e, i, t;
-    (e = this.mask) == null || e.destroy(), (t = (i = this.desktopMediaQuery).removeEventListener) == null || t.call(i, "change", this.desktopMediaQueryHandler);
+    var t, i, e;
+    (t = this.mask) == null || t.destroy(), (e = (i = this.desktopMediaQuery).removeEventListener) == null || e.call(i, "change", this.desktopMediaQueryHandler);
   }
   watchFormat() {
     this.setupMask();
   }
-  updateIconSize(e) {
-    this.iconSize = e ? 20 : 24;
+  updateIconSize(t) {
+    this.iconSize = t ? 20 : 24;
   }
-  handleAutoSelect(e) {
-    !this.autoSelect || e.target.select();
+  handleAutoSelect(t) {
+    !this.autoSelect || t.target.select();
   }
   setupMask() {
-    var e;
-    (e = this.mask) == null || e.destroy(), this.mask = v.exports.create(`#${this.id}`, {
+    var t;
+    (t = this.mask) == null || t.destroy(), this.mask = v.exports.create(`#${this.id}`, {
       mask: this.format.replace(/[Hhms]/g, "#")
     });
   }
   render() {
-    const e = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, i = Boolean(this.value) ? r(this.value, l, new Date()) : void 0, t = o(i) ? d(i, this.format) : void 0, s = f("time-input", {
+    const t = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, i = Boolean(this.value) ? r(this.value, l, new Date()) : void 0, e = o(i) ? d(i, this.format) : void 0, s = f("time-input", {
       "time-input--inline": this.inline
     });
-    return a(p, { key: "f2e1df436ac61cab2404c241f8e87bba10c9a73d" }, a("div", { key: "26c4be48d6b9d04c4a893853e73968effab20633", class: s }, a("input", { key: "e1422293c8ab2368771480014d40a74b35cbbafe", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": e, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (n) => this.inputEl = n, required: this.required, type: "text", value: t }), a("span", { key: "0cc8bd44afc4dadeebbefc6112fc0bffdac3c0a5", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "a54aa45d9da0f4ee4d2b14af0809f62d84718184", size: this.iconSize }))));
+    return a(p, { key: "83c604bb4a8415e44df45d0fd864c85fa0b620c3" }, a("div", { key: "04c518537ad1ad10b5c9c4b67d4bb3c3227a90d5", class: s }, a("input", { key: "33ffbbf5891e3dbf05688dc196fa181c3acf3be3", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": t, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (n) => this.inputEl = n, required: this.required, type: "text", value: e }), a("span", { key: "4a353d6fd7f71062bda8d084fcf611bf03b9b887", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "70fbe7776d82875212a77f69d53498d91bb003d0", size: this.iconSize }))));
   }
   get el() {
     return m(this);

package/dist/{swirl-toast-provider.entry.6be368b7.js → swirl-toast-provider.entry.7762f3d1.js}

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

package/dist/{swirl-toast.entry.8d09fe68.js → swirl-toast.entry.ef1e7f36.js}

@@ -1,4 +1,4 @@
-import { r as o, c as n, h as e, H as r } from "./index.b48d93c2.js";
+import { r as o, c as n, h as e, H as r } from "./index.72866a29.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as d } from "./utils-9b747dd7.4c4c7dc0.js";
 import "react";

package/dist/{swirl-toolbar.entry.82c8d45c.js → swirl-toolbar.entry.4116c1bb.js}

@@ -1,4 +1,4 @@
-import { r as n, h as s, H as i, g as r } from "./index.b48d93c2.js";
+import { r as n, h as s, H as i, g as r } from "./index.72866a29.js";
 import { b as a } from "./utils-9b747dd7.4c4c7dc0.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tooltip.entry.1668acd8.js → swirl-tooltip.entry.c3695ac9.js}

@@ -1,4 +1,4 @@
-import { r as p, h as o, H as d, g as h } from "./index.b48d93c2.js";
+import { r as p, h as o, H as d, g as h } from "./index.72866a29.js";
 import { b as c, c as m, a as u, o as f, s as b, f as w } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
 import { c as y } from "./index-267776a4.6beb4f4b.js";
 import "react";

package/dist/{swirl-tree-navigation-item.entry.c6bc8451.js → swirl-tree-navigation-item.entry.c3f0fbad.js}

@@ -1,4 +1,4 @@
-import { r, h as i, H as n, g as s } from "./index.b48d93c2.js";
+import { r, h as i, H as n, g as s } from "./index.72866a29.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -11,7 +11,7 @@ const c = ":host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.t
       "tree-navigation-item--active": this.active,
       "tree-navigation-item--has-icon": Boolean(this.icon)
     });
-    return i(n, { key: "5c2fdccd113c872a7e51b4ae8e899d4ede41ebf5" }, i(t, { key: "52f22eb02e30379d4afd6e68badfe6096842e38f", class: a, href: this.href, target: this.target, type: e ? void 0 : "button" }, this.icon && i("span", { key: "2f79caa57d41db2566cc47cdc75e3f6518613474", class: "tree-navigation-item__icon", innerHTML: this.icon }), i("span", { key: "0ef45f0bf35aa520b1c25b98f0a8ed57538d7b80", class: "tree-navigation-item__label" }, this.label)));
+    return i(n, { key: "ea182429567db34353949e3cd6e8f5e40755774a" }, i(t, { key: "b9e1d9f6080502dc183c2da769d5ad74a74e0026", class: a, href: this.href, target: this.target, type: e ? void 0 : "button" }, this.icon && i("span", { key: "55acada7cfece5a44afd6b2c580b6991c53c2ce2", class: "tree-navigation-item__icon", innerHTML: this.icon }), i("span", { key: "c5dd6c15fd0ffcfc923cf6f00f71c0f30db0689a", class: "tree-navigation-item__label" }, this.label)));
   }
   get el() {
     return s(this);

package/dist/{swirl-video-thumbnail.entry.9d8463bc.js → swirl-video-thumbnail.entry.a1305334.js}

@@ -1,4 +1,4 @@
-import { r as a, h as n, H as e } from "./index.b48d93c2.js";
+import { r as e, h as n, H as a } from "./index.72866a29.js";
 import "react";
 import "react-dom";
 const t = `:host {
@@ -76,10 +76,10 @@ const t = `:host {
 }
 `, o = t, s = class {
   constructor(i) {
-    a(this, i), this.durationLabel = "Duration", this.duration = void 0, this.label = void 0, this.src = void 0;
+    e(this, i), this.durationLabel = "Duration", this.duration = void 0, this.label = void 0, this.src = void 0;
   }
   render() {
-    return n(e, { key: "6268ae824f77664c95e0aca4410eb92247eb28a7" }, n("button", { key: "d99ffd4d402aed2956f2fdbbbf80419fc51f8bbf", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "aa2ca11e1b26450c40d560867e2bc441509032e6", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "64b9c4d270c735a18d893f0a8bcaf242a8706102", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "45031f25178eac4c205ab2c8146a61aad56af5b1" }, this.durationLabel), this.duration), n("svg", { key: "6ac78ad211884db7c19863d67c2a6589c4b03fab", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "9b8e1c220dd1b6292df2ad2519c478c44fc17a7a", d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" }))));
+    return n(a, { key: "e1ac869326bb6c272f3d90414c855486bea3397b" }, n("button", { key: "387c6787a85399c3faeeb9999e1c18bb4c4bbd6c", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "68fc3102c604af5aad3ed92420b1f5fd8960dfe2", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "4e4d8083263d12310f479b4c597a6793ea7cebea", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "591d92d5f3e1e2d8ef7945b78a4bce2cbdd8e470" }, this.durationLabel), this.duration), n("svg", { key: "2fc934edd58b6b6a033d62051a426bf3aff26e4e", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "8617778940ac4b542c83ab9bf86b6ca0cab55433", d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" }))));
   }
 };
 s.style = o;

package/dist/swirl-visually-hidden.entry.4c2bf348.js

@@ -0,0 +1,15 @@
+import { r as e, h as i, H as r } from "./index.72866a29.js";
+import "react";
+import "react-dom";
+const l = ".sc-swirl-visually-hidden-h{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)}", t = l, d = class {
+  constructor(s) {
+    e(this, s);
+  }
+  render() {
+    return i(r, { key: "36520f804608873e099b25ca632ce475b368fc7c" }, i("slot", { key: "c061bf0c64b88137d1d756138fbc1a724bed5344" }));
+  }
+};
+d.style = t;
+export {
+  d as swirl_visually_hidden
+};

package/dist/{wc-datepicker.entry.7ee17b97.js → wc-datepicker.entry.9f3e4cb3.js}

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

package/package.json

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

package/dist/swirl-lightbox.entry.8fe96d5a.js

@@ -1,135 +0,0 @@
-import { r as h, h as i, H as b, g as u } from "./index.b48d93c2.js";
-import { A as g } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
-import { d as f, e as m } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
-import { c as x } from "./index-267776a4.6beb4f4b.js";
-import { q as p } from "./utils-9b747dd7.4c4c7dc0.js";
-import "react";
-import "react-dom";
-const y = ':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.8)}}.lightbox:not(.lightbox--closing) .lightbox__body{animation:0.15s lightbox-fade-in}@media (prefers-reduced-motion){.lightbox:not(.lightbox--closing) .lightbox__body{animation:none}}.lightbox--closing{animation:0.15s lightbox-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.lightbox--closing{animation:none}}.lightbox--hide-menu .lightbox__menu{display: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__menu-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__menu-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}}.lightbox__meta{display:flex;padding-top:var(--s-space-4);padding-right:var(--s-space-16);padding-bottom:var(--s-space-4);padding-left:var(--s-space-16);align-items:center;gap:var(--s-space-12)}@media (min-width: 768px){.lightbox__meta{max-width:18rem}}.lightbox__thumbnail{display:inline-flex;flex-shrink:0}.lightbox__file-info{display:flex;min-width:0;flex-grow:1;flex-direction:column}@keyframes lightbox-fade-in{from{opacity:0}to{opacity:1}}@keyframes lightbox-fade-out{from{opacity:1}to{opacity:0}}', v = y, w = class {
-  constructor(t) {
-    h(this, t), this.dragging = !1, this.onKeyDown = (e) => {
-      !this.modal.shown || (e.code === "Escape" ? (e.stopImmediatePropagation(), this.close()) : e.code === "ArrowLeft" ? this.onPreviousSlideClick() : e.code === "ArrowRight" && this.onNextSlideClick());
-    }, this.onCloseButtonClick = () => {
-      this.close();
-    }, this.onDownloadButtonClick = () => {
-      var e;
-      (e = this.slides[this.activeSlideIndex]) == null || e.download(), this.menu.close();
-    }, 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).filter((e) => e.tagName === "SWIRL-FILE-VIEWER"), this.setSlideAttributes();
-    }, this.onPointerDown = (e) => {
-      this.dragging = !0, this.dragStartPosition = e instanceof MouseEvent ? e.clientX : e.touches[0].clientX, this.slides.forEach((a) => {
-        a.style.transition = "none";
-      });
-    }, this.onPointerMove = async (e) => {
-      var n, l;
-      const a = !(e instanceof MouseEvent) && e.touches.length > 1, o = (l = (n = this.slides[this.activeSlideIndex]) == null ? void 0 : n.shadowRoot) == null ? void 0 : l.querySelector("swirl-file-viewer-image"), s = Boolean(o) ? await o.getZoom() > 1 : !1;
-      if (!(a || s) && this.dragging) {
-        e.preventDefault();
-        const r = e instanceof MouseEvent ? e.clientX - this.dragStartPosition : e.touches[0].clientX - this.dragStartPosition;
-        this.slides.forEach((d) => {
-          const c = this.activeSlideIndex * d.getBoundingClientRect().width;
-          this.dragDelta = r, d.style.transform = `translate3d(${(-c + this.dragDelta) / 16}rem, 0, 0)`;
-        });
-      }
-    }, this.onPointerUp = () => {
-      this.dragging = !1, this.dragStartPosition = void 0;
-      const e = this.dragDelta / this.slides[this.activeSlideIndex].getBoundingClientRect().width;
-      this.dragDelta = 0;
-      const a = e > 0.2, o = e < -0.2;
-      this.slides.forEach((s) => {
-        s.style.transition = "";
-      }), a ? this.onPreviousSlideClick() : o ? this.onNextSlideClick() : this.resetSlidePositions();
-    }, this.onBackdropClick = (e) => {
-      e.target === this.slidesContainer && this.close();
-    }, this.onContextMenu = (e) => {
-      this.downloadButtonEnabled || e.preventDefault();
-    }, this.closeButtonLabel = "Close modal", this.downloadButtonEnabled = !0, this.downloadButtonLabel = "Download", this.hideMenu = void 0, this.label = void 0, this.menuLabel = "Slide options", this.menuTriggerLabel = "Open slide menu", this.nextSlideButtonLabel = "Next slide", this.previousSlideButtonLabel = "Previous slide", this.activeSlideIndex = 0, this.closing = !1, this.slides = void 0;
-  }
-  componentWillLoad() {
-    this.registerSlides();
-  }
-  componentDidLoad() {
-    this.modal = new g(this.modalEl), this.activateSlide(0);
-  }
-  disconnectedCallback() {
-    var t;
-    (t = this.modal) == null || t.destroy(), this.unlockBodyScroll();
-  }
-  async open() {
-    this.modal.show(), this.lockBodyScroll(), this.activateSlide(this.activeSlideIndex || 0);
-  }
-  async close() {
-    this.closing || (this.closing = !0, this.unlockBodyScroll(), setTimeout(() => {
-      this.modal.hide(), this.resetImageZoom(), this.stopAllMediaPlayers(), this.closing = !1;
-    }, 150));
-  }
-  async activateSlide(t) {
-    var e, a;
-    (a = (e = this.menu) == null ? void 0 : e.close) == null || a.call(e), this.dragging = !1, this.activeSlideIndex = t, this.slides.forEach((o, s) => {
-      s === this.activeSlideIndex ? (o.removeAttribute("aria-hidden"), o.setAttribute("active", "true")) : s === this.activeSlideIndex - 1 || s === this.activeSlideIndex + 1 ? (o.setAttribute("aria-hidden", "true"), o.setAttribute("active", "true")) : o.setAttribute("aria-hidden", "true"), o.style.transform = `translate3d(-${100 * this.activeSlideIndex}%, 0, 0)`;
-    }), setTimeout(() => {
-      this.slides.forEach((o, s) => {
-        s !== this.activeSlideIndex && s !== this.activeSlideIndex - 1 && s !== this.activeSlideIndex + 1 && o.setAttribute("active", "false");
-      });
-    }, 300), this.stopAllMediaPlayers(), this.resetImageZoom();
-  }
-  setSlideAttributes() {
-    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((t) => {
-      t.style.transform = `translate3d(-${100 * this.activeSlideIndex}%, 0, 0)`;
-    });
-  }
-  getCurrentFileName() {
-    var t, e;
-    return (e = (t = this.slides[this.activeSlideIndex]) == null ? void 0 : t.file) == null ? void 0 : e.split("/").pop();
-  }
-  getCurrentFileType() {
-    var t;
-    return (t = this.slides[this.activeSlideIndex]) == null ? void 0 : t.type;
-  }
-  getCurrentThumbnailUrl() {
-    var t;
-    return (t = this.slides[this.activeSlideIndex]) == null ? void 0 : t.thumbnailUrl;
-  }
-  lockBodyScroll() {
-    f(this.el);
-  }
-  unlockBodyScroll() {
-    m(this.el);
-  }
-  getMediaPlayers() {
-    return p(this.el, "video");
-  }
-  stopAllMediaPlayers() {
-    this.getMediaPlayers().forEach((t) => t.pause());
-  }
-  resetImageZoom() {
-    this.slides.forEach((t) => {
-      var a;
-      const e = (a = t == null ? void 0 : t.shadowRoot) == null ? void 0 : a.querySelector("swirl-file-viewer-image");
-      Boolean(e) && e.resetZoom();
-    });
-  }
-  render() {
-    const t = this.slides.length > 1, e = this.getCurrentFileName(), a = this.getCurrentFileType(), o = this.getCurrentThumbnailUrl(), s = Boolean(this.el.querySelector("[slot='menu-items']")) || this.downloadButtonEnabled, n = x("lightbox", {
-      "lightbox--closing": this.closing,
-      "lightbox--hide-menu": !s
-    });
-    return i(b, { key: "c957bee82dfa64a98ad27691685c8dcc70ce6bdd", onKeydown: this.onKeyDown }, i("section", { key: "9d5bbd953a580712eda01b37a1729688a83f6da6", "aria-hidden": "true", "aria-label": this.label, class: n, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (l) => this.modalEl = l }, i("div", { key: "1e06d2045263ec0c27ca3c119590b522e767386f", class: "lightbox__body", role: "document" }, i("header", { key: "edc8a2f34027564136b09c89be1e0bd0bf7fc254", class: "lightbox__header" }, i("button", { key: "755c95d2c0e863500c5d69d915335a1ec013ceac", "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, i("swirl-icon-close", { key: "bd017e66b64568ce150c5233581d3e9bb957ab6c" })), !this.hideMenu && i("swirl-popover-trigger", { key: "17bd520e00daf10461160035e4b0d6c778dd9f33", swirlPopover: this.menu }, i("button", { key: "6e9b1d6b201ed92b4ed1ae46e55a2795cdf60a20", "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, i("swirl-icon-more-vertikal", { key: "efb517f092481b3264ebc06b8e686c639c4fe136" })))), i("div", { key: "5fe69aaae94896e8535ce5a001f9c773662f1f8f", "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, i("div", { key: "2c1aab078eca659f264c912387947f57d9aab7cd", "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (l) => this.slidesContainer = l }, i("slot", { key: "e80d3ad8c43d05c8607f65a79eb0f6f20620ac11", onSlotchange: this.registerSlides }))), i("div", { key: "b056936611bf24ff64f2f4d2395759ac6e8095c1", class: "lightbox__controls" }, i("button", { key: "ff5f2af35872e12bea9e75028a57517aaa19fde5", "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, i("swirl-icon-arrow-left", { key: "742c63e7981b64588291985e8684f837be2cd6ba" })), i("button", { key: "4a32ce5bd5069cc8b96fbd2fb909021f2a9b54eb", "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, i("swirl-icon-arrow-right", { key: "510c313d2a6259c40985446e9eae2968fefe8152" }))), t && i("span", { key: "7d7fd11e0fc59d27683152eab4df09970aa2a6fe", class: "lightbox__pagination" }, i("span", { key: "7a37ec02258ed7bead899b77e37749254da71761", "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length)), !this.hideMenu && i("swirl-popover", { key: "42facf9e06535b88e431025b5dffd4811f40f2c2", animation: "scale-in-y", disableScrollLock: !0, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (l) => this.menu = l }, i("swirl-stack", { key: "75dcfb8bbac27edcfad2c137d7907f02a2d45c88" }, i("div", { key: "9667ce5215cf274388ec0410085280502f9661ab", class: "lightbox__meta" }, o && i("div", { key: "0be79a5b044e4d8d5aa5a3076ec77e1624d5cd26", class: "lightbox__thumbnail" }, i("swirl-thumbnail", { key: "ad164becae5dd5751f892b11f0540fc58fd8395b", alt: "", src: o })), i("div", { key: "493ac665c02cdba5a7fc69ee245eb8b8ca3ffaf7", class: "lightbox__file-info" }, i("swirl-text", { key: "0b885fac9ffcd2c64570528d9b6d0710e14c8a8f", truncate: !0, weight: "semibold" }, e), i("swirl-text", { key: "1f2e2629290b43265752176179dcf60cf6b0ab42", color: "subdued", size: "sm", truncate: !0 }, a))), s && i("swirl-separator", { key: "400e5f826fc9a0bac326cc25c58bec49a9b90f11" }), i("swirl-action-list", { key: "daf42f8fd0d31beee5ede727b6571b07789c9d09" }, this.downloadButtonEnabled && i("swirl-action-list-item", { key: "34cadc7adee8d3673e80359b7de2cb202006b083", icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }), i("slot", { key: "35b653bfb6e304965ad36658d49973f6693dc2b0", name: "menu-items" }))))));
-  }
-  get el() {
-    return u(this);
-  }
-};
-w.style = v;
-export {
-  w as swirl_lightbox
-};

package/dist/swirl-symbol-desktop-windows.entry.615f6bf5.js

@@ -1,17 +0,0 @@
-import { r as t, h as e, F as o } from "./index.b48d93c2.js";
-import { c } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}", r = l, a = class {
-  constructor(s) {
-    t(this, s), this.size = 24;
-  }
-  render() {
-    const s = this.size === 20 ? 24 : this.size, i = c("swirl-symbol", `swirl-symbol--size-${this.size}`);
-    return e("svg", { key: "2680578c573a7d604c2bbac1d840a7bb1cc1c61e", class: i, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, e(o, { key: "4cd0927ae7a0474579814b7db76828c7e2ba26c6" }, e("path", { key: "e31ae8f97bdcdcb9d3c1789aced7b197dc01c7d7", d: "M21 2H3C1.9 2 1 2.9 1 4V16C1 17.1 1.9 18 3 18H10V20H9C8.45 20 8 20.45 8 21C8 21.55 8.45 22 9 22H15C15.55 22 16 21.55 16 21C16 20.45 15.55 20 15 20H14V18H21C22.1 18 23 17.1 23 16V4C23 2.9 22.1 2 21 2ZM20 16H4C3.45 16 3 15.55 3 15V5C3 4.45 3.45 4 4 4H20C20.55 4 21 4.45 21 5V15C21 15.55 20.55 16 20 16Z", fill: "currentColor" })));
-  }
-};
-a.style = r;
-export {
-  a as swirl_symbol_desktop_windows
-};

package/dist/swirl-symbol-lightbulb.entry.6a055af5.js

@@ -1,17 +0,0 @@
-import { r as t, h as e, F as l } from "./index.b48d93c2.js";
-import { c as r } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const o = ":host{display:inline-flex}", a = o, b = class {
-  constructor(s) {
-    t(this, s), this.size = 24;
-  }
-  render() {
-    const s = this.size === 20 ? 24 : this.size, i = r("swirl-symbol", `swirl-symbol--size-${this.size}`);
-    return e("svg", { key: "e049fc9ed2ead87ae451776f61da4b36c085ec35", class: i, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, e(l, { key: "203b4dbf1745d650b51adeb2185e601e23aed0b1" }, e("path", { key: "53d75189b80eb9d3556a40db89e0125e8a358acb", d: "M12 22C12.53 21.9984 13.0377 21.7872 13.4125 21.4125C13.7872 21.0377 13.9984 20.5299 14 20H10C10.0016 20.5299 10.2128 21.0377 10.5875 21.4125C10.9623 21.7872 11.4701 21.9984 12 22Z", fill: "currentColor" }), e("path", { key: "346f0b5d8e72f0bfeb40e454a39c6d6e7cc788a0", d: "M9 19H15C15.2652 19 15.5196 18.8946 15.7071 18.7071C15.8946 18.5196 16 18.2652 16 18C16 17.7348 15.8946 17.4804 15.7071 17.2929C15.5196 17.1054 15.2652 17 15 17H9C8.73479 17 8.48043 17.1054 8.2929 17.2929C8.10536 17.4804 8 17.7348 8 18C8 18.2652 8.10536 18.5196 8.2929 18.7071C8.48043 18.8946 8.73479 19 9 19Z", fill: "currentColor" }), e("path", { key: "25865f66a9d427c70cadcf57a8f6f548fe7b0d4d", d: "M12 2C10.3492 2.00256 8.7453 2.54972 7.4371 3.55663C6.1289 4.56354 5.18946 5.97394 4.76445 7.56913C4.33945 9.16432 4.45263 10.8552 5.08644 12.3795C5.72025 13.9038 6.83928 15.1764 8.27 16H15.73C17.1607 15.1764 18.2798 13.9038 18.9136 12.3795C19.5474 10.8552 19.6606 9.16432 19.2356 7.56913C18.8105 5.97394 17.8711 4.56354 16.5629 3.55663C15.2547 2.54972 13.6508 2.00256 12 2Z", fill: "currentColor" })));
-  }
-};
-b.style = a;
-export {
-  b as swirl_symbol_lightbulb
-};

package/dist/swirl-symbol-roadmap.entry.0d6321a1.js

@@ -1,17 +0,0 @@
-import { r as t, h as e, F as o } from "./index.b48d93c2.js";
-import { c as a } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const r = ":host{display:inline-flex}", l = r, c = class {
-  constructor(s) {
-    t(this, s), this.size = 24;
-  }
-  render() {
-    const s = this.size === 20 ? 24 : this.size, i = a("swirl-symbol", `swirl-symbol--size-${this.size}`);
-    return e("svg", { key: "905b51d0d12a7ea6f7d53cbe0929aad6a4b3766c", class: i, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, e(o, { key: "ca0b3d8c29cfdbc37d4ef0c470e50541144a23ee" }, e("path", { key: "72078c56194c5837612138f481fac20b4625fcdc", d: "M13 10H18L21 7L18 4H13V2H11V4H4V10H11V12H6L3 15L6 18H11V22H13V18H20V12H13V10ZM6 6H17.17L18.17 7L17.17 8H6V6ZM18 16H6.83L5.83 15L6.83 14H18V16Z", fill: "currentColor" })));
-  }
-};
-c.style = l;
-export {
-  c as swirl_symbol_roadmap
-};

package/dist/swirl-symbol-smartphone.entry.ad029c16.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as o } from "./index.b48d93c2.js";
-import { c as r } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}", c = l, a = class {
-  constructor(s) {
-    i(this, s), this.size = 24;
-  }
-  render() {
-    const s = this.size === 20 ? 24 : this.size, t = r("swirl-symbol", `swirl-symbol--size-${this.size}`);
-    return e("svg", { key: "4923c61c09688fcbd7f743c900366db489376140", class: t, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, e(o, { key: "d20aceede0e29b32429ec92805ea23d67c7df2c6" }, e("path", { key: "f038ecaf14997118432f9cb49052384329286bd2", d: "M17 1.01L7 1C5.9 1 5 1.9 5 3V21C5 22.1 5.9 23 7 23H17C18.1 23 19 22.1 19 21V3C19 1.9 18.1 1.01 17 1.01ZM17 19H7V5H17V19Z", fill: "currentColor" })));
-  }
-};
-a.style = c;
-export {
-  a as swirl_symbol_smartphone
-};

package/dist/swirl-symbol.entry.45759abb.js

@@ -1,16 +0,0 @@
-import { r as t, h as i, H as e } from "./index.b48d93c2.js";
-import "react";
-import "react-dom";
-const r = ":host{display:inline-flex}", l = r, o = class {
-  constructor(s) {
-    t(this, s), this.glyph = void 0, this.size = 24;
-  }
-  render() {
-    const s = `swirl-symbol-${this.glyph}`;
-    return i(e, { key: "f1c49162bb14ac6d9388580f74103a52515097cb" }, i(s, { key: "ec0f805576acbda546b697f901890413a6dbca1e", size: this.size }));
-  }
-};
-o.style = l;
-export {
-  o as swirl_symbol
-};

package/dist/swirl-visually-hidden.entry.4ecf6a06.js

@@ -1,15 +0,0 @@
-import { r as s, h as e, H as r } from "./index.b48d93c2.js";
-import "react";
-import "react-dom";
-const l = ".sc-swirl-visually-hidden-h{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)}", d = l, t = class {
-  constructor(i) {
-    s(this, i);
-  }
-  render() {
-    return e(r, { key: "0b597350cbd137865b9b8e0fe25b86fb3ff3eee7" }, e("slot", { key: "848d169f1d3f987e742053566976f17602ed7887" }));
-  }
-};
-t.style = d;
-export {
-  t as swirl_visually_hidden
-};