placer-toolkit 0.5.1 → 1.0.0-alpha.2

package/dist/components/animation/animation.js

@@ -1,5 +1,2187 @@
-import { PcAnimation as PcAnimation$1 } from './animation.component.js';
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i5 = decorators.length - 1, decorator; i5 >= 0; i5--)
+    if (decorator = decorators[i5])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
 
-var PcAnimation = PcAnimation$1;
+// node_modules/@lit/reactive-element/css-tag.js
+var t = globalThis;
+var e = t.ShadowRoot && (void 0 === t.ShadyCSS || t.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype;
+var s = Symbol();
+var o = /* @__PURE__ */ new WeakMap();
+var n = class {
+  constructor(t4, e5, o6) {
+    if (this._$cssResult$ = true, o6 !== s) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    this.cssText = t4, this.t = e5;
+  }
+  get styleSheet() {
+    let t4 = this.o;
+    const s4 = this.t;
+    if (e && void 0 === t4) {
+      const e5 = void 0 !== s4 && 1 === s4.length;
+      e5 && (t4 = o.get(s4)), void 0 === t4 && ((this.o = t4 = new CSSStyleSheet()).replaceSync(this.cssText), e5 && o.set(s4, t4));
+    }
+    return t4;
+  }
+  toString() {
+    return this.cssText;
+  }
+};
+var r = (t4) => new n("string" == typeof t4 ? t4 : t4 + "", void 0, s);
+var S = (s4, o6) => {
+  if (e) s4.adoptedStyleSheets = o6.map(((t4) => t4 instanceof CSSStyleSheet ? t4 : t4.styleSheet));
+  else for (const e5 of o6) {
+    const o7 = document.createElement("style"), n5 = t.litNonce;
+    void 0 !== n5 && o7.setAttribute("nonce", n5), o7.textContent = e5.cssText, s4.appendChild(o7);
+  }
+};
+var c = e ? (t4) => t4 : (t4) => t4 instanceof CSSStyleSheet ? ((t5) => {
+  let e5 = "";
+  for (const s4 of t5.cssRules) e5 += s4.cssText;
+  return r(e5);
+})(t4) : t4;
 
-export { PcAnimation$1 as PcAnimation, PcAnimation as default };
+// node_modules/@lit/reactive-element/reactive-element.js
+var { is: i2, defineProperty: e2, getOwnPropertyDescriptor: h, getOwnPropertyNames: r2, getOwnPropertySymbols: o2, getPrototypeOf: n2 } = Object;
+var a = globalThis;
+var c2 = a.trustedTypes;
+var l = c2 ? c2.emptyScript : "";
+var p = a.reactiveElementPolyfillSupport;
+var d = (t4, s4) => t4;
+var u = { toAttribute(t4, s4) {
+  switch (s4) {
+    case Boolean:
+      t4 = t4 ? l : null;
+      break;
+    case Object:
+    case Array:
+      t4 = null == t4 ? t4 : JSON.stringify(t4);
+  }
+  return t4;
+}, fromAttribute(t4, s4) {
+  let i5 = t4;
+  switch (s4) {
+    case Boolean:
+      i5 = null !== t4;
+      break;
+    case Number:
+      i5 = null === t4 ? null : Number(t4);
+      break;
+    case Object:
+    case Array:
+      try {
+        i5 = JSON.parse(t4);
+      } catch (t5) {
+        i5 = null;
+      }
+  }
+  return i5;
+} };
+var f = (t4, s4) => !i2(t4, s4);
+var b = { attribute: true, type: String, converter: u, reflect: false, useDefault: false, hasChanged: f };
+Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), a.litPropertyMetadata ?? (a.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+var y = class extends HTMLElement {
+  static addInitializer(t4) {
+    this._$Ei(), (this.l ?? (this.l = [])).push(t4);
+  }
+  static get observedAttributes() {
+    return this.finalize(), this._$Eh && [...this._$Eh.keys()];
+  }
+  static createProperty(t4, s4 = b) {
+    if (s4.state && (s4.attribute = false), this._$Ei(), this.prototype.hasOwnProperty(t4) && ((s4 = Object.create(s4)).wrapped = true), this.elementProperties.set(t4, s4), !s4.noAccessor) {
+      const i5 = Symbol(), h3 = this.getPropertyDescriptor(t4, i5, s4);
+      void 0 !== h3 && e2(this.prototype, t4, h3);
+    }
+  }
+  static getPropertyDescriptor(t4, s4, i5) {
+    const { get: e5, set: r6 } = h(this.prototype, t4) ?? { get() {
+      return this[s4];
+    }, set(t5) {
+      this[s4] = t5;
+    } };
+    return { get: e5, set(s5) {
+      const h3 = e5?.call(this);
+      r6?.call(this, s5), this.requestUpdate(t4, h3, i5);
+    }, configurable: true, enumerable: true };
+  }
+  static getPropertyOptions(t4) {
+    return this.elementProperties.get(t4) ?? b;
+  }
+  static _$Ei() {
+    if (this.hasOwnProperty(d("elementProperties"))) return;
+    const t4 = n2(this);
+    t4.finalize(), void 0 !== t4.l && (this.l = [...t4.l]), this.elementProperties = new Map(t4.elementProperties);
+  }
+  static finalize() {
+    if (this.hasOwnProperty(d("finalized"))) return;
+    if (this.finalized = true, this._$Ei(), this.hasOwnProperty(d("properties"))) {
+      const t5 = this.properties, s4 = [...r2(t5), ...o2(t5)];
+      for (const i5 of s4) this.createProperty(i5, t5[i5]);
+    }
+    const t4 = this[Symbol.metadata];
+    if (null !== t4) {
+      const s4 = litPropertyMetadata.get(t4);
+      if (void 0 !== s4) for (const [t5, i5] of s4) this.elementProperties.set(t5, i5);
+    }
+    this._$Eh = /* @__PURE__ */ new Map();
+    for (const [t5, s4] of this.elementProperties) {
+      const i5 = this._$Eu(t5, s4);
+      void 0 !== i5 && this._$Eh.set(i5, t5);
+    }
+    this.elementStyles = this.finalizeStyles(this.styles);
+  }
+  static finalizeStyles(s4) {
+    const i5 = [];
+    if (Array.isArray(s4)) {
+      const e5 = new Set(s4.flat(1 / 0).reverse());
+      for (const s5 of e5) i5.unshift(c(s5));
+    } else void 0 !== s4 && i5.push(c(s4));
+    return i5;
+  }
+  static _$Eu(t4, s4) {
+    const i5 = s4.attribute;
+    return false === i5 ? void 0 : "string" == typeof i5 ? i5 : "string" == typeof t4 ? t4.toLowerCase() : void 0;
+  }
+  constructor() {
+    super(), this._$Ep = void 0, this.isUpdatePending = false, this.hasUpdated = false, this._$Em = null, this._$Ev();
+  }
+  _$Ev() {
+    this._$ES = new Promise(((t4) => this.enableUpdating = t4)), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach(((t4) => t4(this)));
+  }
+  addController(t4) {
+    (this._$EO ?? (this._$EO = /* @__PURE__ */ new Set())).add(t4), void 0 !== this.renderRoot && this.isConnected && t4.hostConnected?.();
+  }
+  removeController(t4) {
+    this._$EO?.delete(t4);
+  }
+  _$E_() {
+    const t4 = /* @__PURE__ */ new Map(), s4 = this.constructor.elementProperties;
+    for (const i5 of s4.keys()) this.hasOwnProperty(i5) && (t4.set(i5, this[i5]), delete this[i5]);
+    t4.size > 0 && (this._$Ep = t4);
+  }
+  createRenderRoot() {
+    const t4 = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
+    return S(t4, this.constructor.elementStyles), t4;
+  }
+  connectedCallback() {
+    this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this.enableUpdating(true), this._$EO?.forEach(((t4) => t4.hostConnected?.()));
+  }
+  enableUpdating(t4) {
+  }
+  disconnectedCallback() {
+    this._$EO?.forEach(((t4) => t4.hostDisconnected?.()));
+  }
+  attributeChangedCallback(t4, s4, i5) {
+    this._$AK(t4, i5);
+  }
+  _$ET(t4, s4) {
+    const i5 = this.constructor.elementProperties.get(t4), e5 = this.constructor._$Eu(t4, i5);
+    if (void 0 !== e5 && true === i5.reflect) {
+      const h3 = (void 0 !== i5.converter?.toAttribute ? i5.converter : u).toAttribute(s4, i5.type);
+      this._$Em = t4, null == h3 ? this.removeAttribute(e5) : this.setAttribute(e5, h3), this._$Em = null;
+    }
+  }
+  _$AK(t4, s4) {
+    const i5 = this.constructor, e5 = i5._$Eh.get(t4);
+    if (void 0 !== e5 && this._$Em !== e5) {
+      const t5 = i5.getPropertyOptions(e5), h3 = "function" == typeof t5.converter ? { fromAttribute: t5.converter } : void 0 !== t5.converter?.fromAttribute ? t5.converter : u;
+      this._$Em = e5, this[e5] = h3.fromAttribute(s4, t5.type) ?? this._$Ej?.get(e5) ?? null, this._$Em = null;
+    }
+  }
+  requestUpdate(t4, s4, i5) {
+    if (void 0 !== t4) {
+      const e5 = this.constructor, h3 = this[t4];
+      if (i5 ?? (i5 = e5.getPropertyOptions(t4)), !((i5.hasChanged ?? f)(h3, s4) || i5.useDefault && i5.reflect && h3 === this._$Ej?.get(t4) && !this.hasAttribute(e5._$Eu(t4, i5)))) return;
+      this.C(t4, s4, i5);
+    }
+    false === this.isUpdatePending && (this._$ES = this._$EP());
+  }
+  C(t4, s4, { useDefault: i5, reflect: e5, wrapped: h3 }, r6) {
+    i5 && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(t4) && (this._$Ej.set(t4, r6 ?? s4 ?? this[t4]), true !== h3 || void 0 !== r6) || (this._$AL.has(t4) || (this.hasUpdated || i5 || (s4 = void 0), this._$AL.set(t4, s4)), true === e5 && this._$Em !== t4 && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(t4));
+  }
+  async _$EP() {
+    this.isUpdatePending = true;
+    try {
+      await this._$ES;
+    } catch (t5) {
+      Promise.reject(t5);
+    }
+    const t4 = this.scheduleUpdate();
+    return null != t4 && await t4, !this.isUpdatePending;
+  }
+  scheduleUpdate() {
+    return this.performUpdate();
+  }
+  performUpdate() {
+    if (!this.isUpdatePending) return;
+    if (!this.hasUpdated) {
+      if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
+        for (const [t6, s5] of this._$Ep) this[t6] = s5;
+        this._$Ep = void 0;
+      }
+      const t5 = this.constructor.elementProperties;
+      if (t5.size > 0) for (const [s5, i5] of t5) {
+        const { wrapped: t6 } = i5, e5 = this[s5];
+        true !== t6 || this._$AL.has(s5) || void 0 === e5 || this.C(s5, void 0, i5, e5);
+      }
+    }
+    let t4 = false;
+    const s4 = this._$AL;
+    try {
+      t4 = this.shouldUpdate(s4), t4 ? (this.willUpdate(s4), this._$EO?.forEach(((t5) => t5.hostUpdate?.())), this.update(s4)) : this._$EM();
+    } catch (s5) {
+      throw t4 = false, this._$EM(), s5;
+    }
+    t4 && this._$AE(s4);
+  }
+  willUpdate(t4) {
+  }
+  _$AE(t4) {
+    this._$EO?.forEach(((t5) => t5.hostUpdated?.())), this.hasUpdated || (this.hasUpdated = true, this.firstUpdated(t4)), this.updated(t4);
+  }
+  _$EM() {
+    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = false;
+  }
+  get updateComplete() {
+    return this.getUpdateComplete();
+  }
+  getUpdateComplete() {
+    return this._$ES;
+  }
+  shouldUpdate(t4) {
+    return true;
+  }
+  update(t4) {
+    this._$Eq && (this._$Eq = this._$Eq.forEach(((t5) => this._$ET(t5, this[t5])))), this._$EM();
+  }
+  updated(t4) {
+  }
+  firstUpdated(t4) {
+  }
+};
+y.elementStyles = [], y.shadowRootOptions = { mode: "open" }, y[d("elementProperties")] = /* @__PURE__ */ new Map(), y[d("finalized")] = /* @__PURE__ */ new Map(), p?.({ ReactiveElement: y }), (a.reactiveElementVersions ?? (a.reactiveElementVersions = [])).push("2.1.0");
+
+// node_modules/lit-html/lit-html.js
+var t2 = globalThis;
+var i3 = t2.trustedTypes;
+var s2 = i3 ? i3.createPolicy("lit-html", { createHTML: (t4) => t4 }) : void 0;
+var e3 = "$lit$";
+var h2 = `lit$${Math.random().toFixed(9).slice(2)}$`;
+var o3 = "?" + h2;
+var n3 = `<${o3}>`;
+var r3 = document;
+var l2 = () => r3.createComment("");
+var c3 = (t4) => null === t4 || "object" != typeof t4 && "function" != typeof t4;
+var a2 = Array.isArray;
+var u2 = (t4) => a2(t4) || "function" == typeof t4?.[Symbol.iterator];
+var d2 = "[ 	\n\f\r]";
+var f2 = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g;
+var v = /-->/g;
+var _ = />/g;
+var m = RegExp(`>|${d2}(?:([^\\s"'>=/]+)(${d2}*=${d2}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g");
+var p2 = /'/g;
+var g = /"/g;
+var $ = /^(?:script|style|textarea|title)$/i;
+var y2 = (t4) => (i5, ...s4) => ({ _$litType$: t4, strings: i5, values: s4 });
+var x = y2(1);
+var b2 = y2(2);
+var w = y2(3);
+var T = Symbol.for("lit-noChange");
+var E = Symbol.for("lit-nothing");
+var A = /* @__PURE__ */ new WeakMap();
+var C = r3.createTreeWalker(r3, 129);
+function P(t4, i5) {
+  if (!a2(t4) || !t4.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return void 0 !== s2 ? s2.createHTML(i5) : i5;
+}
+var V = (t4, i5) => {
+  const s4 = t4.length - 1, o6 = [];
+  let r6, l3 = 2 === i5 ? "<svg>" : 3 === i5 ? "<math>" : "", c4 = f2;
+  for (let i6 = 0; i6 < s4; i6++) {
+    const s5 = t4[i6];
+    let a3, u3, d3 = -1, y3 = 0;
+    for (; y3 < s5.length && (c4.lastIndex = y3, u3 = c4.exec(s5), null !== u3); ) y3 = c4.lastIndex, c4 === f2 ? "!--" === u3[1] ? c4 = v : void 0 !== u3[1] ? c4 = _ : void 0 !== u3[2] ? ($.test(u3[2]) && (r6 = RegExp("</" + u3[2], "g")), c4 = m) : void 0 !== u3[3] && (c4 = m) : c4 === m ? ">" === u3[0] ? (c4 = r6 ?? f2, d3 = -1) : void 0 === u3[1] ? d3 = -2 : (d3 = c4.lastIndex - u3[2].length, a3 = u3[1], c4 = void 0 === u3[3] ? m : '"' === u3[3] ? g : p2) : c4 === g || c4 === p2 ? c4 = m : c4 === v || c4 === _ ? c4 = f2 : (c4 = m, r6 = void 0);
+    const x2 = c4 === m && t4[i6 + 1].startsWith("/>") ? " " : "";
+    l3 += c4 === f2 ? s5 + n3 : d3 >= 0 ? (o6.push(a3), s5.slice(0, d3) + e3 + s5.slice(d3) + h2 + x2) : s5 + h2 + (-2 === d3 ? i6 : x2);
+  }
+  return [P(t4, l3 + (t4[s4] || "<?>") + (2 === i5 ? "</svg>" : 3 === i5 ? "</math>" : "")), o6];
+};
+var N = class _N {
+  constructor({ strings: t4, _$litType$: s4 }, n5) {
+    let r6;
+    this.parts = [];
+    let c4 = 0, a3 = 0;
+    const u3 = t4.length - 1, d3 = this.parts, [f3, v2] = V(t4, s4);
+    if (this.el = _N.createElement(f3, n5), C.currentNode = this.el.content, 2 === s4 || 3 === s4) {
+      const t5 = this.el.content.firstChild;
+      t5.replaceWith(...t5.childNodes);
+    }
+    for (; null !== (r6 = C.nextNode()) && d3.length < u3; ) {
+      if (1 === r6.nodeType) {
+        if (r6.hasAttributes()) for (const t5 of r6.getAttributeNames()) if (t5.endsWith(e3)) {
+          const i5 = v2[a3++], s5 = r6.getAttribute(t5).split(h2), e5 = /([.?@])?(.*)/.exec(i5);
+          d3.push({ type: 1, index: c4, name: e5[2], strings: s5, ctor: "." === e5[1] ? H : "?" === e5[1] ? I : "@" === e5[1] ? L : k }), r6.removeAttribute(t5);
+        } else t5.startsWith(h2) && (d3.push({ type: 6, index: c4 }), r6.removeAttribute(t5));
+        if ($.test(r6.tagName)) {
+          const t5 = r6.textContent.split(h2), s5 = t5.length - 1;
+          if (s5 > 0) {
+            r6.textContent = i3 ? i3.emptyScript : "";
+            for (let i5 = 0; i5 < s5; i5++) r6.append(t5[i5], l2()), C.nextNode(), d3.push({ type: 2, index: ++c4 });
+            r6.append(t5[s5], l2());
+          }
+        }
+      } else if (8 === r6.nodeType) if (r6.data === o3) d3.push({ type: 2, index: c4 });
+      else {
+        let t5 = -1;
+        for (; -1 !== (t5 = r6.data.indexOf(h2, t5 + 1)); ) d3.push({ type: 7, index: c4 }), t5 += h2.length - 1;
+      }
+      c4++;
+    }
+  }
+  static createElement(t4, i5) {
+    const s4 = r3.createElement("template");
+    return s4.innerHTML = t4, s4;
+  }
+};
+function S2(t4, i5, s4 = t4, e5) {
+  if (i5 === T) return i5;
+  let h3 = void 0 !== e5 ? s4._$Co?.[e5] : s4._$Cl;
+  const o6 = c3(i5) ? void 0 : i5._$litDirective$;
+  return h3?.constructor !== o6 && (h3?._$AO?.(false), void 0 === o6 ? h3 = void 0 : (h3 = new o6(t4), h3._$AT(t4, s4, e5)), void 0 !== e5 ? (s4._$Co ?? (s4._$Co = []))[e5] = h3 : s4._$Cl = h3), void 0 !== h3 && (i5 = S2(t4, h3._$AS(t4, i5.values), h3, e5)), i5;
+}
+var M = class {
+  constructor(t4, i5) {
+    this._$AV = [], this._$AN = void 0, this._$AD = t4, this._$AM = i5;
+  }
+  get parentNode() {
+    return this._$AM.parentNode;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  u(t4) {
+    const { el: { content: i5 }, parts: s4 } = this._$AD, e5 = (t4?.creationScope ?? r3).importNode(i5, true);
+    C.currentNode = e5;
+    let h3 = C.nextNode(), o6 = 0, n5 = 0, l3 = s4[0];
+    for (; void 0 !== l3; ) {
+      if (o6 === l3.index) {
+        let i6;
+        2 === l3.type ? i6 = new R(h3, h3.nextSibling, this, t4) : 1 === l3.type ? i6 = new l3.ctor(h3, l3.name, l3.strings, this, t4) : 6 === l3.type && (i6 = new z(h3, this, t4)), this._$AV.push(i6), l3 = s4[++n5];
+      }
+      o6 !== l3?.index && (h3 = C.nextNode(), o6++);
+    }
+    return C.currentNode = r3, e5;
+  }
+  p(t4) {
+    let i5 = 0;
+    for (const s4 of this._$AV) void 0 !== s4 && (void 0 !== s4.strings ? (s4._$AI(t4, s4, i5), i5 += s4.strings.length - 2) : s4._$AI(t4[i5])), i5++;
+  }
+};
+var R = class _R {
+  get _$AU() {
+    return this._$AM?._$AU ?? this._$Cv;
+  }
+  constructor(t4, i5, s4, e5) {
+    this.type = 2, this._$AH = E, this._$AN = void 0, this._$AA = t4, this._$AB = i5, this._$AM = s4, this.options = e5, this._$Cv = e5?.isConnected ?? true;
+  }
+  get parentNode() {
+    let t4 = this._$AA.parentNode;
+    const i5 = this._$AM;
+    return void 0 !== i5 && 11 === t4?.nodeType && (t4 = i5.parentNode), t4;
+  }
+  get startNode() {
+    return this._$AA;
+  }
+  get endNode() {
+    return this._$AB;
+  }
+  _$AI(t4, i5 = this) {
+    t4 = S2(this, t4, i5), c3(t4) ? t4 === E || null == t4 || "" === t4 ? (this._$AH !== E && this._$AR(), this._$AH = E) : t4 !== this._$AH && t4 !== T && this._(t4) : void 0 !== t4._$litType$ ? this.$(t4) : void 0 !== t4.nodeType ? this.T(t4) : u2(t4) ? this.k(t4) : this._(t4);
+  }
+  O(t4) {
+    return this._$AA.parentNode.insertBefore(t4, this._$AB);
+  }
+  T(t4) {
+    this._$AH !== t4 && (this._$AR(), this._$AH = this.O(t4));
+  }
+  _(t4) {
+    this._$AH !== E && c3(this._$AH) ? this._$AA.nextSibling.data = t4 : this.T(r3.createTextNode(t4)), this._$AH = t4;
+  }
+  $(t4) {
+    const { values: i5, _$litType$: s4 } = t4, e5 = "number" == typeof s4 ? this._$AC(t4) : (void 0 === s4.el && (s4.el = N.createElement(P(s4.h, s4.h[0]), this.options)), s4);
+    if (this._$AH?._$AD === e5) this._$AH.p(i5);
+    else {
+      const t5 = new M(e5, this), s5 = t5.u(this.options);
+      t5.p(i5), this.T(s5), this._$AH = t5;
+    }
+  }
+  _$AC(t4) {
+    let i5 = A.get(t4.strings);
+    return void 0 === i5 && A.set(t4.strings, i5 = new N(t4)), i5;
+  }
+  k(t4) {
+    a2(this._$AH) || (this._$AH = [], this._$AR());
+    const i5 = this._$AH;
+    let s4, e5 = 0;
+    for (const h3 of t4) e5 === i5.length ? i5.push(s4 = new _R(this.O(l2()), this.O(l2()), this, this.options)) : s4 = i5[e5], s4._$AI(h3), e5++;
+    e5 < i5.length && (this._$AR(s4 && s4._$AB.nextSibling, e5), i5.length = e5);
+  }
+  _$AR(t4 = this._$AA.nextSibling, i5) {
+    for (this._$AP?.(false, true, i5); t4 && t4 !== this._$AB; ) {
+      const i6 = t4.nextSibling;
+      t4.remove(), t4 = i6;
+    }
+  }
+  setConnected(t4) {
+    void 0 === this._$AM && (this._$Cv = t4, this._$AP?.(t4));
+  }
+};
+var k = class {
+  get tagName() {
+    return this.element.tagName;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  constructor(t4, i5, s4, e5, h3) {
+    this.type = 1, this._$AH = E, this._$AN = void 0, this.element = t4, this.name = i5, this._$AM = e5, this.options = h3, s4.length > 2 || "" !== s4[0] || "" !== s4[1] ? (this._$AH = Array(s4.length - 1).fill(new String()), this.strings = s4) : this._$AH = E;
+  }
+  _$AI(t4, i5 = this, s4, e5) {
+    const h3 = this.strings;
+    let o6 = false;
+    if (void 0 === h3) t4 = S2(this, t4, i5, 0), o6 = !c3(t4) || t4 !== this._$AH && t4 !== T, o6 && (this._$AH = t4);
+    else {
+      const e6 = t4;
+      let n5, r6;
+      for (t4 = h3[0], n5 = 0; n5 < h3.length - 1; n5++) r6 = S2(this, e6[s4 + n5], i5, n5), r6 === T && (r6 = this._$AH[n5]), o6 || (o6 = !c3(r6) || r6 !== this._$AH[n5]), r6 === E ? t4 = E : t4 !== E && (t4 += (r6 ?? "") + h3[n5 + 1]), this._$AH[n5] = r6;
+    }
+    o6 && !e5 && this.j(t4);
+  }
+  j(t4) {
+    t4 === E ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t4 ?? "");
+  }
+};
+var H = class extends k {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(t4) {
+    this.element[this.name] = t4 === E ? void 0 : t4;
+  }
+};
+var I = class extends k {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(t4) {
+    this.element.toggleAttribute(this.name, !!t4 && t4 !== E);
+  }
+};
+var L = class extends k {
+  constructor(t4, i5, s4, e5, h3) {
+    super(t4, i5, s4, e5, h3), this.type = 5;
+  }
+  _$AI(t4, i5 = this) {
+    if ((t4 = S2(this, t4, i5, 0) ?? E) === T) return;
+    const s4 = this._$AH, e5 = t4 === E && s4 !== E || t4.capture !== s4.capture || t4.once !== s4.once || t4.passive !== s4.passive, h3 = t4 !== E && (s4 === E || e5);
+    e5 && this.element.removeEventListener(this.name, this, s4), h3 && this.element.addEventListener(this.name, this, t4), this._$AH = t4;
+  }
+  handleEvent(t4) {
+    "function" == typeof this._$AH ? this._$AH.call(this.options?.host ?? this.element, t4) : this._$AH.handleEvent(t4);
+  }
+};
+var z = class {
+  constructor(t4, i5, s4) {
+    this.element = t4, this.type = 6, this._$AN = void 0, this._$AM = i5, this.options = s4;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t4) {
+    S2(this, t4);
+  }
+};
+var j = t2.litHtmlPolyfillSupport;
+j?.(N, R), (t2.litHtmlVersions ?? (t2.litHtmlVersions = [])).push("3.3.0");
+var B = (t4, i5, s4) => {
+  const e5 = s4?.renderBefore ?? i5;
+  let h3 = e5._$litPart$;
+  if (void 0 === h3) {
+    const t5 = s4?.renderBefore ?? null;
+    e5._$litPart$ = h3 = new R(i5.insertBefore(l2(), t5), t5, void 0, s4 ?? {});
+  }
+  return h3._$AI(t4), h3;
+};
+
+// node_modules/lit-element/lit-element.js
+var s3 = globalThis;
+var i4 = class extends y {
+  constructor() {
+    super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
+  }
+  createRenderRoot() {
+    var _a;
+    const t4 = super.createRenderRoot();
+    return (_a = this.renderOptions).renderBefore ?? (_a.renderBefore = t4.firstChild), t4;
+  }
+  update(t4) {
+    const r6 = this.render();
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t4), this._$Do = B(r6, this.renderRoot, this.renderOptions);
+  }
+  connectedCallback() {
+    super.connectedCallback(), this._$Do?.setConnected(true);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this._$Do?.setConnected(false);
+  }
+  render() {
+    return T;
+  }
+};
+i4._$litElement$ = true, i4["finalized"] = true, s3.litElementHydrateSupport?.({ LitElement: i4 });
+var o4 = s3.litElementPolyfillSupport;
+o4?.({ LitElement: i4 });
+(s3.litElementVersions ?? (s3.litElementVersions = [])).push("4.2.0");
+
+// node_modules/@lit/reactive-element/decorators/custom-element.js
+var t3 = (t4) => (e5, o6) => {
+  void 0 !== o6 ? o6.addInitializer((() => {
+    customElements.define(t4, e5);
+  })) : customElements.define(t4, e5);
+};
+
+// node_modules/@lit/reactive-element/decorators/property.js
+var o5 = { attribute: true, type: String, converter: u, reflect: false, hasChanged: f };
+var r4 = (t4 = o5, e5, r6) => {
+  const { kind: n5, metadata: i5 } = r6;
+  let s4 = globalThis.litPropertyMetadata.get(i5);
+  if (void 0 === s4 && globalThis.litPropertyMetadata.set(i5, s4 = /* @__PURE__ */ new Map()), "setter" === n5 && ((t4 = Object.create(t4)).wrapped = true), s4.set(r6.name, t4), "accessor" === n5) {
+    const { name: o6 } = r6;
+    return { set(r7) {
+      const n6 = e5.get.call(this);
+      e5.set.call(this, r7), this.requestUpdate(o6, n6, t4);
+    }, init(e6) {
+      return void 0 !== e6 && this.C(o6, void 0, t4, e6), e6;
+    } };
+  }
+  if ("setter" === n5) {
+    const { name: o6 } = r6;
+    return function(r7) {
+      const n6 = this[o6];
+      e5.call(this, r7), this.requestUpdate(o6, n6, t4);
+    };
+  }
+  throw Error("Unsupported decorator location: " + n5);
+};
+function n4(t4) {
+  return (e5, o6) => "object" == typeof o6 ? r4(t4, e5, o6) : ((t5, e6, o7) => {
+    const r6 = e6.hasOwnProperty(o7);
+    return e6.constructor.createProperty(o7, t5), r6 ? Object.getOwnPropertyDescriptor(e6, o7) : void 0;
+  })(t4, e5, o6);
+}
+
+// node_modules/@lit/reactive-element/decorators/base.js
+var e4 = (e5, t4, c4) => (c4.configurable = true, c4.enumerable = true, Reflect.decorate && "object" != typeof t4 && Object.defineProperty(e5, t4, c4), c4);
+
+// node_modules/@lit/reactive-element/decorators/query-async.js
+function r5(r6) {
+  return (n5, e5) => e4(n5, e5, { async get() {
+    return await this.updateComplete, this.renderRoot?.querySelector(r6) ?? null;
+  } });
+}
+
+// src/styles/component-styles/host.css
+var host_default = ":host {\n    box-sizing: border-box !important;\n}\n\n:host *,\n:host *::before,\n:host *::after {\n    box-sizing: inherit !important;\n}\n\n[hidden] {\n    display: none !important;\n}\n";
+
+// src/internal/placer-element.ts
+var PlacerElement = class extends i4 {
+  constructor() {
+    super();
+    this.hasRecordedInitialProperties = false;
+    this.initialReflectedProperties = /* @__PURE__ */ new Map();
+    /** A method to set and check custom states. */
+    this.customStates = {
+      /** Adds or removes the specified custom state. */
+      set: (customState, active) => {
+        if (!Boolean(this.internals?.states)) {
+          return;
+        }
+        if (active) {
+          this.internals.states.add(customState);
+        } else {
+          this.internals.states.delete(customState);
+        }
+      },
+      /** Determines whether or not the element currently has the specified state. */
+      has: (customState) => {
+        if (!Boolean(this.internals?.states)) {
+          return false;
+        }
+        return this.internals.states.has(customState);
+      }
+    };
+    try {
+      this.internals = this.attachInternals();
+    } catch {
+      console.error(
+        "Element internals are not supported in your browser. Consider using a polyfill."
+      );
+    }
+    this.customStates.set("pc-defined", true);
+    let Self = this.constructor;
+    for (let [property, spec] of Self.elementProperties) {
+      if (spec.default === "inherit" && spec.initial !== void 0 && typeof property === "string") {
+        this.customStates.set(
+          `initial-${property}-${spec.initial}`,
+          true
+        );
+      }
+    }
+  }
+  /** Override the default `styles` property to fetch and convert string CSS files. Components can override this behavior by setting their own `static styles = []` property. */
+  static get styles() {
+    const styles = Array.isArray(this.css) ? this.css : this.css ? [this.css] : [];
+    return [host_default, ...styles].map(
+      (style) => typeof style === "string" ? r(style) : style
+    );
+  }
+  attributeChangedCallback(name, oldValue, newValue) {
+    if (!this.hasRecordedInitialProperties) {
+      this.constructor.elementProperties.forEach((object, property) => {
+        if (typeof property === "string" && object.reflect) {
+          const value = this[property];
+          if (value != null) {
+            this.initialReflectedProperties.set(property, value);
+          }
+        }
+      });
+      this.hasRecordedInitialProperties = true;
+    }
+    super.attributeChangedCallback(name, oldValue, newValue);
+  }
+  willUpdate(changedProperties) {
+    super.willUpdate(changedProperties);
+    this.initialReflectedProperties.forEach((value, prop) => {
+      if (changedProperties.has(prop) && this[prop] == null) {
+        this[prop] = value;
+      }
+    });
+  }
+  firstUpdated(changedProperties) {
+    super.firstUpdated(changedProperties);
+  }
+};
+__decorateClass([
+  n4()
+], PlacerElement.prototype, "lang", 2);
+__decorateClass([
+  n4()
+], PlacerElement.prototype, "dir", 2);
+
+// src/internal/watch.ts
+function watch(propertyName, options) {
+  const resolvedOptions = {
+    waitUntilFirstUpdate: false,
+    ...options
+  };
+  return (proto, decoratedFnName) => {
+    const { update } = proto;
+    const watchedProperties = Array.isArray(propertyName) ? propertyName : [propertyName];
+    proto.update = function(changedProps) {
+      watchedProperties.forEach((property) => {
+        const key = property;
+        if (changedProps.has(key)) {
+          const oldValue = changedProps.get(key);
+          const newValue = this[key];
+          if (oldValue !== newValue) {
+            if (!resolvedOptions.waitUntilFirstUpdate || this.hasUpdated) {
+              this[decoratedFnName](
+                oldValue,
+                newValue
+              );
+            }
+          }
+        }
+      });
+      update.call(this, changedProps);
+    };
+  };
+}
+
+// src/internal/emit.ts
+function emit(target, eventName, eventDetail) {
+  const { detail, cancelable, ...options } = eventDetail || {};
+  const event = new CustomEvent(eventName, {
+    bubbles: true,
+    cancelable: cancelable !== void 0 ? cancelable : false,
+    composed: true,
+    detail,
+    ...options
+  });
+  target.dispatchEvent(event);
+  return event;
+}
+
+// src/animations/index.ts
+var animations_exports = {};
+__export(animations_exports, {
+  backInDown: () => backInDown,
+  backInLeft: () => backInLeft,
+  backInRight: () => backInRight,
+  backInUp: () => backInUp,
+  backOutDown: () => backOutDown,
+  backOutLeft: () => backOutLeft,
+  backOutRight: () => backOutRight,
+  backOutUp: () => backOutUp,
+  bounce: () => bounce,
+  bounceIn: () => bounceIn,
+  bounceInDown: () => bounceInDown,
+  bounceInLeft: () => bounceInLeft,
+  bounceInRight: () => bounceInRight,
+  bounceInUp: () => bounceInUp,
+  bounceOut: () => bounceOut,
+  bounceOutDown: () => bounceOutDown,
+  bounceOutLeft: () => bounceOutLeft,
+  bounceOutRight: () => bounceOutRight,
+  bounceOutUp: () => bounceOutUp,
+  easings: () => easings,
+  fadeIn: () => fadeIn,
+  fadeInBottomLeft: () => fadeInBottomLeft,
+  fadeInBottomRight: () => fadeInBottomRight,
+  fadeInDown: () => fadeInDown,
+  fadeInDownBig: () => fadeInDownBig,
+  fadeInLeft: () => fadeInLeft,
+  fadeInLeftBig: () => fadeInLeftBig,
+  fadeInRight: () => fadeInRight,
+  fadeInRightBig: () => fadeInRightBig,
+  fadeInTopLeft: () => fadeInTopLeft,
+  fadeInTopRight: () => fadeInTopRight,
+  fadeInUp: () => fadeInUp,
+  fadeInUpBig: () => fadeInUpBig,
+  fadeOut: () => fadeOut,
+  fadeOutBottomLeft: () => fadeOutBottomLeft,
+  fadeOutBottomRight: () => fadeOutBottomRight,
+  fadeOutDown: () => fadeOutDown,
+  fadeOutDownBig: () => fadeOutDownBig,
+  fadeOutLeft: () => fadeOutLeft,
+  fadeOutLeftBig: () => fadeOutLeftBig,
+  fadeOutRight: () => fadeOutRight,
+  fadeOutRightBig: () => fadeOutRightBig,
+  fadeOutTopLeft: () => fadeOutTopLeft,
+  fadeOutTopRight: () => fadeOutTopRight,
+  fadeOutUp: () => fadeOutUp,
+  fadeOutUpBig: () => fadeOutUpBig,
+  flash: () => flash,
+  flip: () => flip,
+  flipInX: () => flipInX,
+  flipInY: () => flipInY,
+  flipOutX: () => flipOutX,
+  flipOutY: () => flipOutY,
+  headShake: () => headShake,
+  heartBeat: () => heartBeat,
+  hinge: () => hinge,
+  jackInTheBox: () => jackInTheBox,
+  jello: () => jello,
+  lightSpeedInLeft: () => lightSpeedInLeft,
+  lightSpeedInRight: () => lightSpeedInRight,
+  lightSpeedOutLeft: () => lightSpeedOutLeft,
+  lightSpeedOutRight: () => lightSpeedOutRight,
+  pulse: () => pulse,
+  rollIn: () => rollIn,
+  rollOut: () => rollOut,
+  rotateIn: () => rotateIn,
+  rotateInDownLeft: () => rotateInDownLeft,
+  rotateInDownRight: () => rotateInDownRight,
+  rotateInUpLeft: () => rotateInUpLeft,
+  rotateInUpRight: () => rotateInUpRight,
+  rotateOut: () => rotateOut,
+  rotateOutDownLeft: () => rotateOutDownLeft,
+  rotateOutDownRight: () => rotateOutDownRight,
+  rotateOutUpLeft: () => rotateOutUpLeft,
+  rotateOutUpRight: () => rotateOutUpRight,
+  rubberBand: () => rubberBand,
+  shake: () => shake,
+  shakeX: () => shakeX,
+  shakeY: () => shakeY,
+  slideInDown: () => slideInDown,
+  slideInLeft: () => slideInLeft,
+  slideInRight: () => slideInRight,
+  slideInUp: () => slideInUp,
+  slideOutDown: () => slideOutDown,
+  slideOutLeft: () => slideOutLeft,
+  slideOutRight: () => slideOutRight,
+  slideOutUp: () => slideOutUp,
+  swing: () => swing,
+  tada: () => tada,
+  wobble: () => wobble,
+  zoomIn: () => zoomIn,
+  zoomInDown: () => zoomInDown,
+  zoomInLeft: () => zoomInLeft,
+  zoomInRight: () => zoomInRight,
+  zoomInUp: () => zoomInUp,
+  zoomOut: () => zoomOut,
+  zoomOutDown: () => zoomOutDown,
+  zoomOutLeft: () => zoomOutLeft,
+  zoomOutRight: () => zoomOutRight,
+  zoomOutUp: () => zoomOutUp
+});
+
+// src/animations/attention_seekers/bounce.ts
+var bounce = [
+  {
+    offset: 0,
+    easing: "cubic-bezier(0.215, 0.61, 0.355, 1)",
+    transform: "translate3d(0, 0, 0)"
+  },
+  {
+    offset: 0.2,
+    easing: "cubic-bezier(0.215, 0.61, 0.355, 1)",
+    transform: "translate3d(0, 0, 0)"
+  },
+  {
+    offset: 0.4,
+    easing: "cubic-bezier(0.755, 0.05, 0.855, 0.06)",
+    transform: "translate3d(0, -30px, 0) scaleY(1.1)"
+  },
+  {
+    offset: 0.43,
+    easing: "cubic-bezier(0.755, 0.05, 0.855, 0.06)",
+    transform: "translate3d(0, -30px, 0) scaleY(1.1)"
+  },
+  {
+    offset: 0.53,
+    easing: "cubic-bezier(0.215, 0.61, 0.355, 1)",
+    transform: "translate3d(0, 0, 0)"
+  },
+  {
+    offset: 0.7,
+    easing: "cubic-bezier(0.755, 0.05, 0.855, 0.06)",
+    transform: "translate3d(0, -15px, 0) scaleY(1.05)"
+  },
+  {
+    "offset": 0.8,
+    "transition-timing-function": "cubic-bezier(0.215, 0.61, 0.355, 1)",
+    "transform": "translate3d(0, 0, 0) scaleY(0.95)"
+  },
+  { offset: 0.9, transform: "translate3d(0, -4px, 0) scaleY(1.02)" },
+  {
+    offset: 1,
+    easing: "cubic-bezier(0.215, 0.61, 0.355, 1)",
+    transform: "translate3d(0, 0, 0)"
+  }
+];
+
+// src/animations/attention_seekers/flash.ts
+var flash = [
+  { offset: 0, opacity: "1" },
+  { offset: 0.25, opacity: "0" },
+  { offset: 0.5, opacity: "1" },
+  { offset: 0.75, opacity: "0" },
+  { offset: 1, opacity: "1" }
+];
+
+// src/animations/attention_seekers/headShake.ts
+var headShake = [
+  { offset: 0, transform: "translateX(0)" },
+  { offset: 0.065, transform: "translateX(-6px) rotateY(-9deg)" },
+  { offset: 0.185, transform: "translateX(5px) rotateY(7deg)" },
+  { offset: 0.315, transform: "translateX(-3px) rotateY(-5deg)" },
+  { offset: 0.435, transform: "translateX(2px) rotateY(3deg)" },
+  { offset: 0.5, transform: "translateX(0)" }
+];
+
+// src/animations/attention_seekers/heartBeat.ts
+var heartBeat = [
+  { offset: 0, transform: "scale(1)" },
+  { offset: 0.14, transform: "scale(1.3)" },
+  { offset: 0.28, transform: "scale(1)" },
+  { offset: 0.42, transform: "scale(1.3)" },
+  { offset: 0.7, transform: "scale(1)" }
+];
+
+// src/animations/attention_seekers/jello.ts
+var jello = [
+  { offset: 0, transform: "translate3d(0, 0, 0)" },
+  { offset: 0.111, transform: "translate3d(0, 0, 0)" },
+  { offset: 0.222, transform: "skewX(-12.5deg) skewY(-12.5deg)" },
+  { offset: 0.33299999999999996, transform: "skewX(6.25deg) skewY(6.25deg)" },
+  { offset: 0.444, transform: "skewX(-3.125deg) skewY(-3.125deg)" },
+  { offset: 0.555, transform: "skewX(1.5625deg) skewY(1.5625deg)" },
+  {
+    offset: 0.6659999999999999,
+    transform: "skewX(-0.78125deg) skewY(-0.78125deg)"
+  },
+  { offset: 0.777, transform: "skewX(0.390625deg) skewY(0.390625deg)" },
+  { offset: 0.888, transform: "skewX(-0.1953125deg) skewY(-0.1953125deg)" },
+  { offset: 1, transform: "translate3d(0, 0, 0)" }
+];
+
+// src/animations/attention_seekers/pulse.ts
+var pulse = [
+  { offset: 0, transform: "scale3d(1, 1, 1)" },
+  { offset: 0.5, transform: "scale3d(1.05, 1.05, 1.05)" },
+  { offset: 1, transform: "scale3d(1, 1, 1)" }
+];
+
+// src/animations/attention_seekers/rubberBand.ts
+var rubberBand = [
+  { offset: 0, transform: "scale3d(1, 1, 1)" },
+  { offset: 0.3, transform: "scale3d(1.25, 0.75, 1)" },
+  { offset: 0.4, transform: "scale3d(0.75, 1.25, 1)" },
+  { offset: 0.5, transform: "scale3d(1.15, 0.85, 1)" },
+  { offset: 0.65, transform: "scale3d(0.95, 1.05, 1)" },
+  { offset: 0.75, transform: "scale3d(1.05, 0.95, 1)" },
+  { offset: 1, transform: "scale3d(1, 1, 1)" }
+];
+
+// src/animations/attention_seekers/shake.ts
+var shake = [
+  { offset: 0, transform: "translate3d(0, 0, 0)" },
+  { offset: 0.1, transform: "translate3d(-10px, 0, 0)" },
+  { offset: 0.2, transform: "translate3d(10px, 0, 0)" },
+  { offset: 0.3, transform: "translate3d(-10px, 0, 0)" },
+  { offset: 0.4, transform: "translate3d(10px, 0, 0)" },
+  { offset: 0.5, transform: "translate3d(-10px, 0, 0)" },
+  { offset: 0.6, transform: "translate3d(10px, 0, 0)" },
+  { offset: 0.7, transform: "translate3d(-10px, 0, 0)" },
+  { offset: 0.8, transform: "translate3d(10px, 0, 0)" },
+  { offset: 0.9, transform: "translate3d(-10px, 0, 0)" },
+  { offset: 1, transform: "translate3d(0, 0, 0)" }
+];
+
+// src/animations/attention_seekers/shakeX.ts
+var shakeX = [
+  { offset: 0, transform: "translate3d(0, 0, 0)" },
+  { offset: 0.1, transform: "translate3d(-10px, 0, 0)" },
+  { offset: 0.2, transform: "translate3d(10px, 0, 0)" },
+  { offset: 0.3, transform: "translate3d(-10px, 0, 0)" },
+  { offset: 0.4, transform: "translate3d(10px, 0, 0)" },
+  { offset: 0.5, transform: "translate3d(-10px, 0, 0)" },
+  { offset: 0.6, transform: "translate3d(10px, 0, 0)" },
+  { offset: 0.7, transform: "translate3d(-10px, 0, 0)" },
+  { offset: 0.8, transform: "translate3d(10px, 0, 0)" },
+  { offset: 0.9, transform: "translate3d(-10px, 0, 0)" },
+  { offset: 1, transform: "translate3d(0, 0, 0)" }
+];
+
+// src/animations/attention_seekers/shakeY.ts
+var shakeY = [
+  { offset: 0, transform: "translate3d(0, 0, 0)" },
+  { offset: 0.1, transform: "translate3d(0, -10px, 0)" },
+  { offset: 0.2, transform: "translate3d(0, 10px, 0)" },
+  { offset: 0.3, transform: "translate3d(0, -10px, 0)" },
+  { offset: 0.4, transform: "translate3d(0, 10px, 0)" },
+  { offset: 0.5, transform: "translate3d(0, -10px, 0)" },
+  { offset: 0.6, transform: "translate3d(0, 10px, 0)" },
+  { offset: 0.7, transform: "translate3d(0, -10px, 0)" },
+  { offset: 0.8, transform: "translate3d(0, 10px, 0)" },
+  { offset: 0.9, transform: "translate3d(0, -10px, 0)" },
+  { offset: 1, transform: "translate3d(0, 0, 0)" }
+];
+
+// src/animations/attention_seekers/swing.ts
+var swing = [
+  { offset: 0.2, transform: "rotate3d(0, 0, 1, 15deg)" },
+  { offset: 0.4, transform: "rotate3d(0, 0, 1, -10deg)" },
+  { offset: 0.6, transform: "rotate3d(0, 0, 1, 5deg)" },
+  { offset: 0.8, transform: "rotate3d(0, 0, 1, -5deg)" },
+  { offset: 1, transform: "rotate3d(0, 0, 1, 0deg)" }
+];
+
+// src/animations/attention_seekers/tada.ts
+var tada = [
+  { offset: 0, transform: "scale3d(1, 1, 1)" },
+  {
+    offset: 0.1,
+    transform: "scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)"
+  },
+  {
+    offset: 0.2,
+    transform: "scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)"
+  },
+  {
+    offset: 0.3,
+    transform: "scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)"
+  },
+  {
+    offset: 0.4,
+    transform: "scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)"
+  },
+  {
+    offset: 0.5,
+    transform: "scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)"
+  },
+  {
+    offset: 0.6,
+    transform: "scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)"
+  },
+  {
+    offset: 0.7,
+    transform: "scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)"
+  },
+  {
+    offset: 0.8,
+    transform: "scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)"
+  },
+  {
+    offset: 0.9,
+    transform: "scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)"
+  },
+  { offset: 1, transform: "scale3d(1, 1, 1)" }
+];
+
+// src/animations/attention_seekers/wobble.ts
+var wobble = [
+  { offset: 0, transform: "translate3d(0, 0, 0)" },
+  {
+    offset: 0.15,
+    transform: "translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)"
+  },
+  {
+    offset: 0.3,
+    transform: "translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)"
+  },
+  {
+    offset: 0.45,
+    transform: "translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)"
+  },
+  {
+    offset: 0.6,
+    transform: "translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)"
+  },
+  {
+    offset: 0.75,
+    transform: "translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)"
+  },
+  { offset: 1, transform: "translate3d(0, 0, 0)" }
+];
+
+// src/animations/back_entrances/backInDown.ts
+var backInDown = [
+  { offset: 0, transform: "translateY(-1200px) scale(0.7)", opacity: "0.7" },
+  { offset: 0.8, transform: "translateY(0px) scale(0.7)", opacity: "0.7" },
+  { offset: 1, transform: "scale(1)", opacity: "1" }
+];
+
+// src/animations/back_entrances/backInLeft.ts
+var backInLeft = [
+  { offset: 0, transform: "translateX(-2000px) scale(0.7)", opacity: "0.7" },
+  { offset: 0.8, transform: "translateX(0px) scale(0.7)", opacity: "0.7" },
+  { offset: 1, transform: "scale(1)", opacity: "1" }
+];
+
+// src/animations/back_entrances/backInRight.ts
+var backInRight = [
+  { offset: 0, transform: "translateX(2000px) scale(0.7)", opacity: "0.7" },
+  { offset: 0.8, transform: "translateX(0px) scale(0.7)", opacity: "0.7" },
+  { offset: 1, transform: "scale(1)", opacity: "1" }
+];
+
+// src/animations/back_entrances/backInUp.ts
+var backInUp = [
+  { offset: 0, transform: "translateY(1200px) scale(0.7)", opacity: "0.7" },
+  { offset: 0.8, transform: "translateY(0px) scale(0.7)", opacity: "0.7" },
+  { offset: 1, transform: "scale(1)", opacity: "1" }
+];
+
+// src/animations/back_exits/backOutDown.ts
+var backOutDown = [
+  { offset: 0, transform: "scale(1)", opacity: "1" },
+  { offset: 0.2, transform: "translateY(0px) scale(0.7)", opacity: "0.7" },
+  { offset: 1, transform: "translateY(700px) scale(0.7)", opacity: "0.7" }
+];
+
+// src/animations/back_exits/backOutLeft.ts
+var backOutLeft = [
+  { offset: 0, transform: "scale(1)", opacity: "1" },
+  { offset: 0.2, transform: "translateX(0px) scale(0.7)", opacity: "0.7" },
+  { offset: 1, transform: "translateX(-2000px) scale(0.7)", opacity: "0.7" }
+];
+
+// src/animations/back_exits/backOutRight.ts
+var backOutRight = [
+  { offset: 0, transform: "scale(1)", opacity: "1" },
+  { offset: 0.2, transform: "translateX(0px) scale(0.7)", opacity: "0.7" },
+  { offset: 1, transform: "translateX(2000px) scale(0.7)", opacity: "0.7" }
+];
+
+// src/animations/back_exits/backOutUp.ts
+var backOutUp = [
+  { offset: 0, transform: "scale(1)", opacity: "1" },
+  { offset: 0.2, transform: "translateY(0px) scale(0.7)", opacity: "0.7" },
+  { offset: 1, transform: "translateY(-700px) scale(0.7)", opacity: "0.7" }
+];
+
+// src/animations/bouncing_entrances/bounceIn.ts
+var bounceIn = [
+  { offset: 0, opacity: "0", transform: "scale3d(0.3, 0.3, 0.3)" },
+  { offset: 0, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
+  { offset: 0.2, transform: "scale3d(1.1, 1.1, 1.1)" },
+  { offset: 0.2, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
+  { offset: 0.4, transform: "scale3d(0.9, 0.9, 0.9)" },
+  { offset: 0.4, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
+  { offset: 0.6, opacity: "1", transform: "scale3d(1.03, 1.03, 1.03)" },
+  { offset: 0.6, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
+  { offset: 0.8, transform: "scale3d(0.97, 0.97, 0.97)" },
+  { offset: 0.8, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
+  { offset: 1, opacity: "1", transform: "scale3d(1, 1, 1)" },
+  { offset: 1, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" }
+];
+
+// src/animations/bouncing_entrances/bounceInDown.ts
+var bounceInDown = [
+  {
+    offset: 0,
+    opacity: "0",
+    transform: "translate3d(0, -3000px, 0) scaleY(3)"
+  },
+  { offset: 0, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
+  {
+    offset: 0.6,
+    opacity: "1",
+    transform: "translate3d(0, 25px, 0) scaleY(0.9)"
+  },
+  { offset: 0.6, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
+  { offset: 0.75, transform: "translate3d(0, -10px, 0) scaleY(0.95)" },
+  { offset: 0.75, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
+  { offset: 0.9, transform: "translate3d(0, 5px, 0) scaleY(0.985)" },
+  { offset: 0.9, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
+  { offset: 1, transform: "translate3d(0, 0, 0)" },
+  { offset: 1, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" }
+];
+
+// src/animations/bouncing_entrances/bounceInLeft.ts
+var bounceInLeft = [
+  {
+    offset: 0,
+    opacity: "0",
+    transform: "translate3d(-3000px, 0, 0) scaleX(3)"
+  },
+  { offset: 0, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
+  {
+    offset: 0.6,
+    opacity: "1",
+    transform: "translate3d(25px, 0, 0) scaleX(1)"
+  },
+  { offset: 0.6, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
+  { offset: 0.75, transform: "translate3d(-10px, 0, 0) scaleX(0.98)" },
+  { offset: 0.75, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
+  { offset: 0.9, transform: "translate3d(5px, 0, 0) scaleX(0.995)" },
+  { offset: 0.9, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
+  { offset: 1, transform: "translate3d(0, 0, 0)" },
+  { offset: 1, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" }
+];
+
+// src/animations/bouncing_entrances/bounceInRight.ts
+var bounceInRight = [
+  {
+    offset: 0,
+    opacity: "0",
+    transform: "translate3d(3000px, 0, 0) scaleX(3)"
+  },
+  { offset: 0, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
+  {
+    offset: 0.6,
+    opacity: "1",
+    transform: "translate3d(-25px, 0, 0) scaleX(1)"
+  },
+  { offset: 0.6, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
+  { offset: 0.75, transform: "translate3d(10px, 0, 0) scaleX(0.98)" },
+  { offset: 0.75, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
+  { offset: 0.9, transform: "translate3d(-5px, 0, 0) scaleX(0.995)" },
+  { offset: 0.9, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
+  { offset: 1, transform: "translate3d(0, 0, 0)" },
+  { offset: 1, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" }
+];
+
+// src/animations/bouncing_entrances/bounceInUp.ts
+var bounceInUp = [
+  {
+    offset: 0,
+    opacity: "0",
+    transform: "translate3d(0, 3000px, 0) scaleY(5)"
+  },
+  { offset: 0, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
+  {
+    offset: 0.6,
+    opacity: "1",
+    transform: "translate3d(0, -20px, 0) scaleY(0.9)"
+  },
+  { offset: 0.6, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
+  { offset: 0.75, transform: "translate3d(0, 10px, 0) scaleY(0.95)" },
+  { offset: 0.75, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
+  { offset: 0.9, transform: "translate3d(0, -5px, 0) scaleY(0.985)" },
+  { offset: 0.9, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
+  { offset: 1, transform: "translate3d(0, 0, 0)" },
+  { offset: 1, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" }
+];
+
+// src/animations/bouncing_exits/bounceOut.ts
+var bounceOut = [
+  { offset: 0.2, transform: "scale3d(0.9, 0.9, 0.9)" },
+  { offset: 0.5, opacity: "1", transform: "scale3d(1.1, 1.1, 1.1)" },
+  { offset: 0.55, opacity: "1", transform: "scale3d(1.1, 1.1, 1.1)" },
+  { offset: 1, opacity: "0", transform: "scale3d(0.3, 0.3, 0.3)" }
+];
+
+// src/animations/bouncing_exits/bounceOutDown.ts
+var bounceOutDown = [
+  { offset: 0.2, transform: "translate3d(0, 10px, 0) scaleY(0.985)" },
+  {
+    offset: 0.4,
+    opacity: "1",
+    transform: "translate3d(0, -20px, 0) scaleY(0.9)"
+  },
+  {
+    offset: 0.45,
+    opacity: "1",
+    transform: "translate3d(0, -20px, 0) scaleY(0.9)"
+  },
+  {
+    offset: 1,
+    opacity: "0",
+    transform: "translate3d(0, 2000px, 0) scaleY(3)"
+  }
+];
+
+// src/animations/bouncing_exits/bounceOutLeft.ts
+var bounceOutLeft = [
+  {
+    offset: 0.2,
+    opacity: "1",
+    transform: "translate3d(20px, 0, 0) scaleX(0.9)"
+  },
+  {
+    offset: 1,
+    opacity: "0",
+    transform: "translate3d(-2000px, 0, 0) scaleX(2)"
+  }
+];
+
+// src/animations/bouncing_exits/bounceOutRight.ts
+var bounceOutRight = [
+  {
+    offset: 0.2,
+    opacity: "1",
+    transform: "translate3d(-20px, 0, 0) scaleX(0.9)"
+  },
+  {
+    offset: 1,
+    opacity: "0",
+    transform: "translate3d(2000px, 0, 0) scaleX(2)"
+  }
+];
+
+// src/animations/bouncing_exits/bounceOutUp.ts
+var bounceOutUp = [
+  { offset: 0.2, transform: "translate3d(0, -10px, 0) scaleY(0.985)" },
+  {
+    offset: 0.4,
+    opacity: "1",
+    transform: "translate3d(0, 20px, 0) scaleY(0.9)"
+  },
+  {
+    offset: 0.45,
+    opacity: "1",
+    transform: "translate3d(0, 20px, 0) scaleY(0.9)"
+  },
+  {
+    offset: 1,
+    opacity: "0",
+    transform: "translate3d(0, -2000px, 0) scaleY(3)"
+  }
+];
+
+// src/animations/fading_entrances/fadeIn.ts
+var fadeIn = [
+  { offset: 0, opacity: "0" },
+  { offset: 1, opacity: "1" }
+];
+
+// src/animations/fading_entrances/fadeInBottomLeft.ts
+var fadeInBottomLeft = [
+  { offset: 0, opacity: "0", transform: "translate3d(-100%, 100%, 0)" },
+  { offset: 1, opacity: "1", transform: "translate3d(0, 0, 0)" }
+];
+
+// src/animations/fading_entrances/fadeInBottomRight.ts
+var fadeInBottomRight = [
+  { offset: 0, opacity: "0", transform: "translate3d(100%, 100%, 0)" },
+  { offset: 1, opacity: "1", transform: "translate3d(0, 0, 0)" }
+];
+
+// src/animations/fading_entrances/fadeInDown.ts
+var fadeInDown = [
+  { offset: 0, opacity: "0", transform: "translate3d(0, -100%, 0)" },
+  { offset: 1, opacity: "1", transform: "translate3d(0, 0, 0)" }
+];
+
+// src/animations/fading_entrances/fadeInDownBig.ts
+var fadeInDownBig = [
+  { offset: 0, opacity: "0", transform: "translate3d(0, -2000px, 0)" },
+  { offset: 1, opacity: "1", transform: "translate3d(0, 0, 0)" }
+];
+
+// src/animations/fading_entrances/fadeInLeft.ts
+var fadeInLeft = [
+  { offset: 0, opacity: "0", transform: "translate3d(-100%, 0, 0)" },
+  { offset: 1, opacity: "1", transform: "translate3d(0, 0, 0)" }
+];
+
+// src/animations/fading_entrances/fadeInLeftBig.ts
+var fadeInLeftBig = [
+  { offset: 0, opacity: "0", transform: "translate3d(-2000px, 0, 0)" },
+  { offset: 1, opacity: "1", transform: "translate3d(0, 0, 0)" }
+];
+
+// src/animations/fading_entrances/fadeInRight.ts
+var fadeInRight = [
+  { offset: 0, opacity: "0", transform: "translate3d(100%, 0, 0)" },
+  { offset: 1, opacity: "1", transform: "translate3d(0, 0, 0)" }
+];
+
+// src/animations/fading_entrances/fadeInRightBig.ts
+var fadeInRightBig = [
+  { offset: 0, opacity: "0", transform: "translate3d(2000px, 0, 0)" },
+  { offset: 1, opacity: "1", transform: "translate3d(0, 0, 0)" }
+];
+
+// src/animations/fading_entrances/fadeInTopLeft.ts
+var fadeInTopLeft = [
+  { offset: 0, opacity: "0", transform: "translate3d(-100%, -100%, 0)" },
+  { offset: 1, opacity: "1", transform: "translate3d(0, 0, 0)" }
+];
+
+// src/animations/fading_entrances/fadeInTopRight.ts
+var fadeInTopRight = [
+  { offset: 0, opacity: "0", transform: "translate3d(100%, -100%, 0)" },
+  { offset: 1, opacity: "1", transform: "translate3d(0, 0, 0)" }
+];
+
+// src/animations/fading_entrances/fadeInUp.ts
+var fadeInUp = [
+  { offset: 0, opacity: "0", transform: "translate3d(0, 100%, 0)" },
+  { offset: 1, opacity: "1", transform: "translate3d(0, 0, 0)" }
+];
+
+// src/animations/fading_entrances/fadeInUpBig.ts
+var fadeInUpBig = [
+  { offset: 0, opacity: "0", transform: "translate3d(0, 2000px, 0)" },
+  { offset: 1, opacity: "1", transform: "translate3d(0, 0, 0)" }
+];
+
+// src/animations/fading_exits/fadeOut.ts
+var fadeOut = [
+  { offset: 0, opacity: "1" },
+  { offset: 1, opacity: "0" }
+];
+
+// src/animations/fading_exits/fadeOutBottomLeft.ts
+var fadeOutBottomLeft = [
+  { offset: 0, opacity: "1", transform: "translate3d(0, 0, 0)" },
+  { offset: 1, opacity: "0", transform: "translate3d(-100%, 100%, 0)" }
+];
+
+// src/animations/fading_exits/fadeOutBottomRight.ts
+var fadeOutBottomRight = [
+  { offset: 0, opacity: "1", transform: "translate3d(0, 0, 0)" },
+  { offset: 1, opacity: "0", transform: "translate3d(100%, 100%, 0)" }
+];
+
+// src/animations/fading_exits/fadeOutDown.ts
+var fadeOutDown = [
+  { offset: 0, opacity: "1" },
+  { offset: 1, opacity: "0", transform: "translate3d(0, 100%, 0)" }
+];
+
+// src/animations/fading_exits/fadeOutDownBig.ts
+var fadeOutDownBig = [
+  { offset: 0, opacity: "1" },
+  { offset: 1, opacity: "0", transform: "translate3d(0, 2000px, 0)" }
+];
+
+// src/animations/fading_exits/fadeOutLeft.ts
+var fadeOutLeft = [
+  { offset: 0, opacity: "1" },
+  { offset: 1, opacity: "0", transform: "translate3d(-100%, 0, 0)" }
+];
+
+// src/animations/fading_exits/fadeOutLeftBig.ts
+var fadeOutLeftBig = [
+  { offset: 0, opacity: "1" },
+  { offset: 1, opacity: "0", transform: "translate3d(-2000px, 0, 0)" }
+];
+
+// src/animations/fading_exits/fadeOutRight.ts
+var fadeOutRight = [
+  { offset: 0, opacity: "1" },
+  { offset: 1, opacity: "0", transform: "translate3d(100%, 0, 0)" }
+];
+
+// src/animations/fading_exits/fadeOutRightBig.ts
+var fadeOutRightBig = [
+  { offset: 0, opacity: "1" },
+  { offset: 1, opacity: "0", transform: "translate3d(2000px, 0, 0)" }
+];
+
+// src/animations/fading_exits/fadeOutTopLeft.ts
+var fadeOutTopLeft = [
+  { offset: 0, opacity: "1", transform: "translate3d(0, 0, 0)" },
+  { offset: 1, opacity: "0", transform: "translate3d(-100%, -100%, 0)" }
+];
+
+// src/animations/fading_exits/fadeOutTopRight.ts
+var fadeOutTopRight = [
+  { offset: 0, opacity: "1", transform: "translate3d(0, 0, 0)" },
+  { offset: 1, opacity: "0", transform: "translate3d(100%, -100%, 0)" }
+];
+
+// src/animations/fading_exits/fadeOutUp.ts
+var fadeOutUp = [
+  { offset: 0, opacity: "1" },
+  { offset: 1, opacity: "0", transform: "translate3d(0, -100%, 0)" }
+];
+
+// src/animations/fading_exits/fadeOutUpBig.ts
+var fadeOutUpBig = [
+  { offset: 0, opacity: "1" },
+  { offset: 1, opacity: "0", transform: "translate3d(0, -2000px, 0)" }
+];
+
+// src/animations/flippers/flip.ts
+var flip = [
+  {
+    offset: 0,
+    transform: "perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg)",
+    easing: "ease-out"
+  },
+  {
+    offset: 0.4,
+    transform: "perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)\n      rotate3d(0, 1, 0, -190deg)",
+    easing: "ease-out"
+  },
+  {
+    offset: 0.5,
+    transform: "perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)\n      rotate3d(0, 1, 0, -170deg)",
+    easing: "ease-in"
+  },
+  {
+    offset: 0.8,
+    transform: "perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)\n      rotate3d(0, 1, 0, 0deg)",
+    easing: "ease-in"
+  },
+  {
+    offset: 1,
+    transform: "perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg)",
+    easing: "ease-in"
+  }
+];
+
+// src/animations/flippers/flipInX.ts
+var flipInX = [
+  {
+    offset: 0,
+    transform: "perspective(400px) rotate3d(1, 0, 0, 90deg)",
+    easing: "ease-in",
+    opacity: "0"
+  },
+  {
+    offset: 0.4,
+    transform: "perspective(400px) rotate3d(1, 0, 0, -20deg)",
+    easing: "ease-in"
+  },
+  {
+    offset: 0.6,
+    transform: "perspective(400px) rotate3d(1, 0, 0, 10deg)",
+    opacity: "1"
+  },
+  { offset: 0.8, transform: "perspective(400px) rotate3d(1, 0, 0, -5deg)" },
+  { offset: 1, transform: "perspective(400px)" }
+];
+
+// src/animations/flippers/flipInY.ts
+var flipInY = [
+  {
+    offset: 0,
+    transform: "perspective(400px) rotate3d(0, 1, 0, 90deg)",
+    easing: "ease-in",
+    opacity: "0"
+  },
+  {
+    offset: 0.4,
+    transform: "perspective(400px) rotate3d(0, 1, 0, -20deg)",
+    easing: "ease-in"
+  },
+  {
+    offset: 0.6,
+    transform: "perspective(400px) rotate3d(0, 1, 0, 10deg)",
+    opacity: "1"
+  },
+  { offset: 0.8, transform: "perspective(400px) rotate3d(0, 1, 0, -5deg)" },
+  { offset: 1, transform: "perspective(400px)" }
+];
+
+// src/animations/flippers/flipOutX.ts
+var flipOutX = [
+  { offset: 0, transform: "perspective(400px)" },
+  {
+    offset: 0.3,
+    transform: "perspective(400px) rotate3d(1, 0, 0, -20deg)",
+    opacity: "1"
+  },
+  {
+    offset: 1,
+    transform: "perspective(400px) rotate3d(1, 0, 0, 90deg)",
+    opacity: "0"
+  }
+];
+
+// src/animations/flippers/flipOutY.ts
+var flipOutY = [
+  { offset: 0, transform: "perspective(400px)" },
+  {
+    offset: 0.3,
+    transform: "perspective(400px) rotate3d(0, 1, 0, -15deg)",
+    opacity: "1"
+  },
+  {
+    offset: 1,
+    transform: "perspective(400px) rotate3d(0, 1, 0, 90deg)",
+    opacity: "0"
+  }
+];
+
+// src/animations/lightspeed/lightSpeedInLeft.ts
+var lightSpeedInLeft = [
+  {
+    offset: 0,
+    transform: "translate3d(-100%, 0, 0) skewX(30deg)",
+    opacity: "0"
+  },
+  { offset: 0.6, transform: "skewX(-20deg)", opacity: "1" },
+  { offset: 0.8, transform: "skewX(5deg)" },
+  { offset: 1, transform: "translate3d(0, 0, 0)" }
+];
+
+// src/animations/lightspeed/lightSpeedInRight.ts
+var lightSpeedInRight = [
+  {
+    offset: 0,
+    transform: "translate3d(100%, 0, 0) skewX(-30deg)",
+    opacity: "0"
+  },
+  { offset: 0.6, transform: "skewX(20deg)", opacity: "1" },
+  { offset: 0.8, transform: "skewX(-5deg)" },
+  { offset: 1, transform: "translate3d(0, 0, 0)" }
+];
+
+// src/animations/lightspeed/lightSpeedOutLeft.ts
+var lightSpeedOutLeft = [
+  { offset: 0, opacity: "1" },
+  {
+    offset: 1,
+    transform: "translate3d(-100%, 0, 0) skewX(-30deg)",
+    opacity: "0"
+  }
+];
+
+// src/animations/lightspeed/lightSpeedOutRight.ts
+var lightSpeedOutRight = [
+  { offset: 0, opacity: "1" },
+  {
+    offset: 1,
+    transform: "translate3d(100%, 0, 0) skewX(30deg)",
+    opacity: "0"
+  }
+];
+
+// src/animations/rotating_entrances/rotateIn.ts
+var rotateIn = [
+  { offset: 0, transform: "rotate3d(0, 0, 1, -200deg)", opacity: "0" },
+  { offset: 1, transform: "translate3d(0, 0, 0)", opacity: "1" }
+];
+
+// src/animations/rotating_entrances/rotateInDownLeft.ts
+var rotateInDownLeft = [
+  { offset: 0, transform: "rotate3d(0, 0, 1, -45deg)", opacity: "0" },
+  { offset: 1, transform: "translate3d(0, 0, 0)", opacity: "1" }
+];
+
+// src/animations/rotating_entrances/rotateInDownRight.ts
+var rotateInDownRight = [
+  { offset: 0, transform: "rotate3d(0, 0, 1, 45deg)", opacity: "0" },
+  { offset: 1, transform: "translate3d(0, 0, 0)", opacity: "1" }
+];
+
+// src/animations/rotating_entrances/rotateInUpLeft.ts
+var rotateInUpLeft = [
+  { offset: 0, transform: "rotate3d(0, 0, 1, 45deg)", opacity: "0" },
+  { offset: 1, transform: "translate3d(0, 0, 0)", opacity: "1" }
+];
+
+// src/animations/rotating_entrances/rotateInUpRight.ts
+var rotateInUpRight = [
+  { offset: 0, transform: "rotate3d(0, 0, 1, -90deg)", opacity: "0" },
+  { offset: 1, transform: "translate3d(0, 0, 0)", opacity: "1" }
+];
+
+// src/animations/rotating_exits/rotateOut.ts
+var rotateOut = [
+  { offset: 0, opacity: "1" },
+  { offset: 1, transform: "rotate3d(0, 0, 1, 200deg)", opacity: "0" }
+];
+
+// src/animations/rotating_exits/rotateOutDownLeft.ts
+var rotateOutDownLeft = [
+  { offset: 0, opacity: "1" },
+  { offset: 1, transform: "rotate3d(0, 0, 1, 45deg)", opacity: "0" }
+];
+
+// src/animations/rotating_exits/rotateOutDownRight.ts
+var rotateOutDownRight = [
+  { offset: 0, opacity: "1" },
+  { offset: 1, transform: "rotate3d(0, 0, 1, -45deg)", opacity: "0" }
+];
+
+// src/animations/rotating_exits/rotateOutUpLeft.ts
+var rotateOutUpLeft = [
+  { offset: 0, opacity: "1" },
+  { offset: 1, transform: "rotate3d(0, 0, 1, -45deg)", opacity: "0" }
+];
+
+// src/animations/rotating_exits/rotateOutUpRight.ts
+var rotateOutUpRight = [
+  { offset: 0, opacity: "1" },
+  { offset: 1, transform: "rotate3d(0, 0, 1, 90deg)", opacity: "0" }
+];
+
+// src/animations/sliding_entrances/slideInDown.ts
+var slideInDown = [
+  { offset: 0, transform: "translate3d(0, -100%, 0)", visibility: "visible" },
+  { offset: 1, transform: "translate3d(0, 0, 0)" }
+];
+
+// src/animations/sliding_entrances/slideInLeft.ts
+var slideInLeft = [
+  { offset: 0, transform: "translate3d(-100%, 0, 0)", visibility: "visible" },
+  { offset: 1, transform: "translate3d(0, 0, 0)" }
+];
+
+// src/animations/sliding_entrances/slideInRight.ts
+var slideInRight = [
+  { offset: 0, transform: "translate3d(100%, 0, 0)", visibility: "visible" },
+  { offset: 1, transform: "translate3d(0, 0, 0)" }
+];
+
+// src/animations/sliding_entrances/slideInUp.ts
+var slideInUp = [
+  { offset: 0, transform: "translate3d(0, 100%, 0)", visibility: "visible" },
+  { offset: 1, transform: "translate3d(0, 0, 0)" }
+];
+
+// src/animations/sliding_exits/slideOutDown.ts
+var slideOutDown = [
+  { offset: 0, transform: "translate3d(0, 0, 0)" },
+  { offset: 1, visibility: "hidden", transform: "translate3d(0, 100%, 0)" }
+];
+
+// src/animations/sliding_exits/slideOutLeft.ts
+var slideOutLeft = [
+  { offset: 0, transform: "translate3d(0, 0, 0)" },
+  { offset: 1, visibility: "hidden", transform: "translate3d(-100%, 0, 0)" }
+];
+
+// src/animations/sliding_exits/slideOutRight.ts
+var slideOutRight = [
+  { offset: 0, transform: "translate3d(0, 0, 0)" },
+  { offset: 1, visibility: "hidden", transform: "translate3d(100%, 0, 0)" }
+];
+
+// src/animations/sliding_exits/slideOutUp.ts
+var slideOutUp = [
+  { offset: 0, transform: "translate3d(0, 0, 0)" },
+  { offset: 1, visibility: "hidden", transform: "translate3d(0, -100%, 0)" }
+];
+
+// src/animations/specials/hinge.ts
+var hinge = [
+  { offset: 0, easing: "ease-in-out" },
+  {
+    offset: 0.2,
+    transform: "rotate3d(0, 0, 1, 80deg)",
+    easing: "ease-in-out"
+  },
+  {
+    offset: 0.4,
+    transform: "rotate3d(0, 0, 1, 60deg)",
+    easing: "ease-in-out",
+    opacity: "1"
+  },
+  {
+    offset: 0.6,
+    transform: "rotate3d(0, 0, 1, 80deg)",
+    easing: "ease-in-out"
+  },
+  {
+    offset: 0.8,
+    transform: "rotate3d(0, 0, 1, 60deg)",
+    easing: "ease-in-out",
+    opacity: "1"
+  },
+  { offset: 1, transform: "translate3d(0, 700px, 0)", opacity: "0" }
+];
+
+// src/animations/specials/jackInTheBox.ts
+var jackInTheBox = [
+  {
+    "offset": 0,
+    "opacity": "0",
+    "transform": "scale(0.1) rotate(30deg)",
+    "transform-origin": "center bottom"
+  },
+  { offset: 0.5, transform: "rotate(-10deg)" },
+  { offset: 0.7, transform: "rotate(3deg)" },
+  { offset: 1, opacity: "1", transform: "scale(1)" }
+];
+
+// src/animations/specials/rollIn.ts
+var rollIn = [
+  {
+    offset: 0,
+    opacity: "0",
+    transform: "translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)"
+  },
+  { offset: 1, opacity: "1", transform: "translate3d(0, 0, 0)" }
+];
+
+// src/animations/specials/rollOut.ts
+var rollOut = [
+  { offset: 0, opacity: "1" },
+  {
+    offset: 1,
+    opacity: "0",
+    transform: "translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)"
+  }
+];
+
+// src/animations/zooming_entrances/zoomIn.ts
+var zoomIn = [
+  { offset: 0, opacity: "0", transform: "scale3d(0.3, 0.3, 0.3)" },
+  { offset: 0.5, opacity: "1" }
+];
+
+// src/animations/zooming_entrances/zoomInDown.ts
+var zoomInDown = [
+  {
+    offset: 0,
+    opacity: "0",
+    transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0)",
+    easing: "cubic-bezier(0.55, 0.055, 0.675, 0.19)"
+  },
+  {
+    offset: 0.6,
+    opacity: "1",
+    transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)",
+    easing: "cubic-bezier(0.175, 0.885, 0.32, 1)"
+  }
+];
+
+// src/animations/zooming_entrances/zoomInLeft.ts
+var zoomInLeft = [
+  {
+    offset: 0,
+    opacity: "0",
+    transform: "scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0)",
+    easing: "cubic-bezier(0.55, 0.055, 0.675, 0.19)"
+  },
+  {
+    offset: 0.6,
+    opacity: "1",
+    transform: "scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0)",
+    easing: "cubic-bezier(0.175, 0.885, 0.32, 1)"
+  }
+];
+
+// src/animations/zooming_entrances/zoomInRight.ts
+var zoomInRight = [
+  {
+    offset: 0,
+    opacity: "0",
+    transform: "scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0)",
+    easing: "cubic-bezier(0.55, 0.055, 0.675, 0.19)"
+  },
+  {
+    offset: 0.6,
+    opacity: "1",
+    transform: "scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0)",
+    easing: "cubic-bezier(0.175, 0.885, 0.32, 1)"
+  }
+];
+
+// src/animations/zooming_entrances/zoomInUp.ts
+var zoomInUp = [
+  {
+    offset: 0,
+    opacity: "0",
+    transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0)",
+    easing: "cubic-bezier(0.55, 0.055, 0.675, 0.19)"
+  },
+  {
+    offset: 0.6,
+    opacity: "1",
+    transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)",
+    easing: "cubic-bezier(0.175, 0.885, 0.32, 1)"
+  }
+];
+
+// src/animations/zooming_exits/zoomOut.ts
+var zoomOut = [
+  { offset: 0, opacity: "1" },
+  { offset: 0.5, opacity: "0", transform: "scale3d(0.3, 0.3, 0.3)" },
+  { offset: 1, opacity: "0" }
+];
+
+// src/animations/zooming_exits/zoomOutDown.ts
+var zoomOutDown = [
+  {
+    offset: 0.4,
+    opacity: "1",
+    transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)",
+    easing: "cubic-bezier(0.55, 0.055, 0.675, 0.19)"
+  },
+  {
+    offset: 1,
+    opacity: "0",
+    transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0)",
+    easing: "cubic-bezier(0.175, 0.885, 0.32, 1)"
+  }
+];
+
+// src/animations/zooming_exits/zoomOutLeft.ts
+var zoomOutLeft = [
+  {
+    offset: 0.4,
+    opacity: "1",
+    transform: "scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)"
+  },
+  {
+    offset: 1,
+    opacity: "0",
+    transform: "scale(0.1) translate3d(-2000px, 0, 0)"
+  }
+];
+
+// src/animations/zooming_exits/zoomOutRight.ts
+var zoomOutRight = [
+  {
+    offset: 0.4,
+    opacity: "1",
+    transform: "scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)"
+  },
+  {
+    offset: 1,
+    opacity: "0",
+    transform: "scale(0.1) translate3d(2000px, 0, 0)"
+  }
+];
+
+// src/animations/zooming_exits/zoomOutUp.ts
+var zoomOutUp = [
+  {
+    offset: 0.4,
+    opacity: "1",
+    transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)",
+    easing: "cubic-bezier(0.55, 0.055, 0.675, 0.19)"
+  },
+  {
+    offset: 1,
+    opacity: "0",
+    transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0)",
+    easing: "cubic-bezier(0.175, 0.885, 0.32, 1)"
+  }
+];
+
+// src/animations/easings/easings.ts
+var easings = {
+  linear: "linear",
+  ease: "ease",
+  easeIn: "ease-in",
+  easeOut: "ease-out",
+  easeInOut: "ease-in-out",
+  easeInSine: "cubic-bezier(0.47, 0, 0.745, 0.715)",
+  easeOutSine: "cubic-bezier(0.39, 0.575, 0.565, 1)",
+  easeInOutSine: "cubic-bezier(0.445, 0.05, 0.55, 0.95)",
+  easeInQuad: "cubic-bezier(0.55, 0.085, 0.68, 0.53)",
+  easeOutQuad: "cubic-bezier(0.25, 0.46, 0.45, 0.94)",
+  easeInOutQuad: "cubic-bezier(0.455, 0.03, 0.515, 0.955)",
+  easeInCubic: "cubic-bezier(0.55, 0.055, 0.675, 0.19)",
+  easeOutCubic: "cubic-bezier(0.215, 0.61, 0.355, 1)",
+  easeInOutCubic: "cubic-bezier(0.645, 0.045, 0.355, 1)",
+  easeInQuart: "cubic-bezier(0.895, 0.03, 0.685, 0.22)",
+  easeOutQuart: "cubic-bezier(0.165, 0.84, 0.44, 1)",
+  easeInOutQuart: "cubic-bezier(0.77, 0, 0.175, 1)",
+  easeInQuint: "cubic-bezier(0.755, 0.05, 0.855, 0.06)",
+  easeOutQuint: "cubic-bezier(0.23, 1, 0.32, 1)",
+  easeInOutQuint: "cubic-bezier(0.86, 0, 0.07, 1)",
+  easeInExpo: "cubic-bezier(0.95, 0.05, 0.795, 0.035)",
+  easeOutExpo: "cubic-bezier(0.19, 1, 0.22, 1)",
+  easeInOutExpo: "cubic-bezier(1, 0, 0, 1)",
+  easeInCirc: "cubic-bezier(0.6, 0.04, 0.98, 0.335)",
+  easeOutCirc: "cubic-bezier(0.075, 0.82, 0.165, 1)",
+  easeInOutCirc: "cubic-bezier(0.785, 0.135, 0.15, 0.86)",
+  easeInBack: "cubic-bezier(0.6, -0.28, 0.735, 0.045)",
+  easeOutBack: "cubic-bezier(0.175, 0.885, 0.32, 1.275)",
+  easeInOutBack: "cubic-bezier(0.68, -0.55, 0.265, 1.55)"
+};
+
+// src/components/animation/animation.css
+var animation_default = ":host {\n    display: contents;\n}\n";
+
+// src/components/animation/animation.ts
+var PcAnimation = class extends PlacerElement {
+  constructor() {
+    super(...arguments);
+    this.hasStarted = false;
+    this.name = "none";
+    this.play = false;
+    this.delay = 0;
+    this.direction = "normal";
+    this.duration = 1e3;
+    this.easing = "ease-in-out";
+    this.endDelay = 0;
+    this.fill = "auto";
+    this.iterations = Infinity;
+    this.iterationStart = 0;
+    this.playbackRate = 1;
+    this.handleAnimationFinish = () => {
+      this.play = false;
+      this.hasStarted = false;
+      emit(this, "pc-finish");
+    };
+    this.handleAnimationCancel = () => {
+      this.play = false;
+      this.hasStarted = false;
+      emit(this, "pc-cancel");
+    };
+  }
+  /** Gets and sets the current animation time. */
+  get currentTime() {
+    return this.animation?.currentTime ?? 0;
+  }
+  set currentTime(time) {
+    if (this.animation) {
+      this.animation.currentTime = time;
+    }
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.createAnimation();
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.destroyAnimation();
+  }
+  handleSlotChange() {
+    this.destroyAnimation();
+    this.createAnimation();
+  }
+  async createAnimation() {
+    const easing = animations_exports.easings[this.easing] ?? this.easing;
+    const keyframes = this.keyframes ?? animations_exports[this.name];
+    const slot = await this.defaultSlot;
+    const element = slot.assignedElements()[0];
+    if (!element || !keyframes) {
+      return false;
+    }
+    this.destroyAnimation();
+    this.animation = element.animate(keyframes, {
+      delay: this.delay,
+      direction: this.direction,
+      duration: this.duration,
+      easing,
+      endDelay: this.endDelay,
+      fill: this.fill,
+      iterationStart: this.iterationStart,
+      iterations: this.iterations
+    });
+    this.animation.playbackRate = this.playbackRate;
+    this.animation.addEventListener("cancel", this.handleAnimationCancel);
+    this.animation.addEventListener("finish", this.handleAnimationFinish);
+    if (this.play) {
+      this.hasStarted = true;
+      emit(this, "pc-start");
+    } else {
+      this.animation.pause();
+    }
+    return true;
+  }
+  destroyAnimation() {
+    if (this.animation) {
+      this.animation.cancel();
+      this.animation.removeEventListener(
+        "cancel",
+        this.handleAnimationCancel
+      );
+      this.animation.removeEventListener(
+        "finish",
+        this.handleAnimationFinish
+      );
+      this.hasStarted = false;
+    }
+  }
+  handleAnimationChange() {
+    if (!this.hasUpdated) {
+      return;
+    }
+    this.createAnimation();
+  }
+  handlePlayChange() {
+    if (this.animation) {
+      if (this.play && !this.hasStarted) {
+        this.hasStarted = true;
+        emit(this, "pc-start");
+      }
+      if (this.play) {
+        this.animation.play();
+      } else {
+        this.animation.pause();
+      }
+      return true;
+    }
+    return false;
+  }
+  handlePlaybackRateChange() {
+    if (this.animation) {
+      this.animation.playbackRate = this.playbackRate;
+    }
+  }
+  /** Clears all keyframes caused by this animation and aborts its playback. */
+  cancel() {
+    this.animation?.cancel();
+  }
+  /** Sets the playback time to the end of the animation corresponding to the current playback direction. */
+  finish() {
+    this.animation?.finish();
+  }
+  render() {
+    return x`<slot @slotchange=${this.handleSlotChange}></slot>`;
+  }
+};
+/** @internal This is an internal static property. */
+PcAnimation.css = animation_default;
+__decorateClass([
+  r5("slot")
+], PcAnimation.prototype, "defaultSlot", 2);
+__decorateClass([
+  n4()
+], PcAnimation.prototype, "name", 2);
+__decorateClass([
+  n4({ type: Boolean, reflect: true })
+], PcAnimation.prototype, "play", 2);
+__decorateClass([
+  n4({ type: Number })
+], PcAnimation.prototype, "delay", 2);
+__decorateClass([
+  n4()
+], PcAnimation.prototype, "direction", 2);
+__decorateClass([
+  n4({ type: Number })
+], PcAnimation.prototype, "duration", 2);
+__decorateClass([
+  n4()
+], PcAnimation.prototype, "easing", 2);
+__decorateClass([
+  n4({ attribute: "end-delay", type: Number })
+], PcAnimation.prototype, "endDelay", 2);
+__decorateClass([
+  n4()
+], PcAnimation.prototype, "fill", 2);
+__decorateClass([
+  n4({ type: Number })
+], PcAnimation.prototype, "iterations", 2);
+__decorateClass([
+  n4({ attribute: "iteration-start", type: Number })
+], PcAnimation.prototype, "iterationStart", 2);
+__decorateClass([
+  n4({ attribute: false })
+], PcAnimation.prototype, "keyframes", 2);
+__decorateClass([
+  n4({ attribute: "playback-rate", type: Number })
+], PcAnimation.prototype, "playbackRate", 2);
+__decorateClass([
+  watch([
+    "name",
+    "delay",
+    "direction",
+    "duration",
+    "easing",
+    "endDelay",
+    "fill",
+    "iterations",
+    "iterationsStart",
+    "keyframes"
+  ])
+], PcAnimation.prototype, "handleAnimationChange", 1);
+__decorateClass([
+  watch("play")
+], PcAnimation.prototype, "handlePlayChange", 1);
+__decorateClass([
+  watch("playbackRate")
+], PcAnimation.prototype, "handlePlaybackRateChange", 1);
+PcAnimation = __decorateClass([
+  t3("pc-animation")
+], PcAnimation);
+export {
+  PcAnimation
+};
+/*! Bundled license information:
+
+@lit/reactive-element/css-tag.js:
+  (**
+   * @license
+   * Copyright 2019 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/reactive-element.js:
+lit-html/lit-html.js:
+lit-element/lit-element.js:
+@lit/reactive-element/decorators/custom-element.js:
+@lit/reactive-element/decorators/property.js:
+@lit/reactive-element/decorators/state.js:
+@lit/reactive-element/decorators/event-options.js:
+@lit/reactive-element/decorators/base.js:
+@lit/reactive-element/decorators/query.js:
+@lit/reactive-element/decorators/query-all.js:
+@lit/reactive-element/decorators/query-async.js:
+@lit/reactive-element/decorators/query-assigned-nodes.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/is-server.js:
+  (**
+   * @license
+   * Copyright 2022 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-assigned-elements.js:
+  (**
+   * @license
+   * Copyright 2021 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/