@lanaco/lnc-react-ui 4.0.112 → 4.0.114

package/dist/FieldOfInterestsWithTagsCardsSection.js

@@ -1,11 +1,11 @@
 import { jsx as i, jsxs as o } from "react/jsx-runtime";
 import { forwardRef as l } from "react";
 import { s as p } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { p as y, o as b, k as C, l as I } from "./utils-BbgAIA9N.js";
-import W from "./Icon.js";
-import { u as F } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-import { M as j } from "./consts-BuFChS64.js";
-const z = p.div`
+import { p as y, o as b, k as I, l as W } from "./utils-BbgAIA9N.js";
+import F from "./Icon.js";
+import { u as j } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+import { M as z } from "./consts-BuFChS64.js";
+const O = p.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -56,12 +56,12 @@ const z = p.div`
     }
   }
     cursor: pointer;
-`, O = p.div`
+`, A = p.div`
   width: 100%;
   height: 11.625rem;
   border-radius: 0.75rem;
   background: ${b("-90deg")};
-`, A = p.div`
+`, E = p.div`
   display: flex;
   padding: 0 0.75rem 0 0.75rem;
   align-items: center;
@@ -111,30 +111,30 @@ const z = p.div`
       color: var(--white, #fff);
     }
   }
-`, E = p.div`
+`, M = p.div`
   width: 7rem;
   height: 3rem;
   border-radius: 999px;
   background: ${b("-90deg")};
-`, M = l(({}, r) => /* @__PURE__ */ i(E, {})), D = l(
+`, D = l(({}, r) => /* @__PURE__ */ i(M, {})), G = l(
   ({ name: r, isActive: n, icon: t, onSelectCard: s = () => {
-  } }, m) => /* @__PURE__ */ o(A, { className: n ? "active" : "", onClick: s, children: [
-    C(t) && /* @__PURE__ */ i(W, { icon: t, className: "wrapper__icon" }),
+  } }, m) => /* @__PURE__ */ o(E, { className: n ? "active" : "", onClick: s, children: [
+    I(t) && /* @__PURE__ */ i(F, { icon: t, className: "wrapper__icon" }),
     /* @__PURE__ */ i("div", { className: "wrapper__text", children: r })
   ] })
-), G = l(
+), L = l(
   ({ image: r, imageComponent: n, name: t, description: s, onSelectCard: m = () => {
   } }, u) => {
-    const { theme: f } = F();
-    return /* @__PURE__ */ o(z, { theme: f, onClick: m, children: [
-      I(n) ? n : /* @__PURE__ */ i("img", { src: r, className: "wrapper__image" }),
+    const { theme: f } = j();
+    return /* @__PURE__ */ o(O, { theme: f, onClick: m, children: [
+      W(n) ? n : /* @__PURE__ */ i("img", { src: r, className: "wrapper__image" }),
       /* @__PURE__ */ o("div", { className: "wrapper__content", children: [
         t && /* @__PURE__ */ i("div", { className: "wrapper__title", children: t }),
         s && /* @__PURE__ */ i("div", { className: "wrapper__description", children: s })
       ] })
     ] });
   }
-), L = l(({}, r) => /* @__PURE__ */ i(O, {})), R = p.div`
+), R = l(({}, r) => /* @__PURE__ */ i(A, {})), T = p.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -182,7 +182,7 @@ const z = p.div`
     width: 100%;
   }
 
-  @media (max-width: ${j + "px"}) {
+  @media (max-width: ${z + "px"}) {
     & .wrapper__tags {
       overflow-x: scroll;
       justify-content: flex-start;
@@ -227,7 +227,7 @@ const z = p.div`
     },
     getImage: N = () => {
     }
-  }, T) => {
+  }, C) => {
     var x, v;
     const g = (e) => {
       h == null || h(e);
@@ -235,8 +235,9 @@ const z = p.div`
       _ == null || _(e);
     };
     return /* @__PURE__ */ o(
-      R,
+      T,
       {
+        ref: C,
         limitTags: s,
         limitTagsForMobile: m,
         limitCards: u,
@@ -247,11 +248,11 @@ const z = p.div`
             n && /* @__PURE__ */ i("div", { className: "wrapper__subtitle", children: n })
           ] }),
           /* @__PURE__ */ i("div", { className: "wrapper__tags", children: k ? (x = Array.from("123")) == null ? void 0 : x.map((e, a) => /* @__PURE__ */ i(
-            M,
+            D,
             {},
             `field-of-interests-with-tags-card-tag-skeleton__${a + 1}`
           )) : t == null ? void 0 : t.map((e, a) => /* @__PURE__ */ i(
-            D,
+            G,
             {
               icon: e == null ? void 0 : e.icon,
               name: e == null ? void 0 : e.name,
@@ -261,11 +262,11 @@ const z = p.div`
             `field-of-interests-with-tags-card-tag__${a + 1}`
           )) }),
           /* @__PURE__ */ i("div", { className: "wrapper__cards", children: $ ? (v = Array.from("123")) == null ? void 0 : v.map((e, a) => /* @__PURE__ */ i(
-            L,
+            R,
             {},
             `field-of-interests-with-tags-card-skeleton__${a + 1}`
           )) : d == null ? void 0 : d.map((e, a) => /* @__PURE__ */ i(
-            G,
+            L,
             {
               image: N(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid),
               imageComponent: e == null ? void 0 : e.imageComponent,

package/dist/FileInput.cjs

@@ -1,4 +1,4 @@
-"use strict";const b=require("react/jsx-runtime"),m=require("react"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./index-BPVoEhTF.cjs"),t=require("./utils-CZynEOC_.cjs"),j=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),q=g.styled.label`
+"use strict";const b=require("react/jsx-runtime"),m=require("react"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./index-BpbMKBf_.cjs"),t=require("./utils-CZynEOC_.cjs"),j=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),q=g.styled.label`
   display: inline-flex;
   box-sizing: border-box;
   width: 100%;

package/dist/FileInput.js

@@ -1,7 +1,7 @@
 import { jsxs as R, jsx as m } from "react/jsx-runtime";
 import { forwardRef as S, useState as y } from "react";
 import { s as b } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { P as t } from "./index-S5Cd7WrG.js";
+import { P as t } from "./index-CblbdqjE.js";
 import { d as x, b as a, e as V, c as $, h as I } from "./utils-BbgAIA9N.js";
 import { u as B } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const D = b.label`

package/dist/FilePlayer-9FdL9kM0.js

@@ -0,0 +1,202 @@
+import { g as b } from "./_commonjsHelpers-BkfeUUK-.js";
+import _ from "react";
+import { u as O, p as A } from "./SearchSection-xe0nvARV.js";
+function R(s, e) {
+  for (var t = 0; t < e.length; t++) {
+    const i = e[t];
+    if (typeof i != "string" && !Array.isArray(i)) {
+      for (const n in i)
+        if (n !== "default" && !(n in s)) {
+          const l = Object.getOwnPropertyDescriptor(i, n);
+          l && Object.defineProperty(s, n, l.get ? l : {
+            enumerable: !0,
+            get: () => i[n]
+          });
+        }
+    }
+  }
+  return Object.freeze(Object.defineProperty(s, Symbol.toStringTag, { value: "Module" }));
+}
+var I = Object.create, u = Object.defineProperty, D = Object.getOwnPropertyDescriptor, w = Object.getOwnPropertyNames, M = Object.getPrototypeOf, k = Object.prototype.hasOwnProperty, U = (s, e, t) => e in s ? u(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t, N = (s, e) => {
+  for (var t in e)
+    u(s, t, { get: e[t], enumerable: !0 });
+}, m = (s, e, t, i) => {
+  if (e && typeof e == "object" || typeof e == "function")
+    for (let n of w(e))
+      !k.call(s, n) && n !== t && u(s, n, { get: () => e[n], enumerable: !(i = D(e, n)) || i.enumerable });
+  return s;
+}, j = (s, e, t) => (t = s != null ? I(M(s)) : {}, m(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  !s || !s.__esModule ? u(t, "default", { value: s, enumerable: !0 }) : t,
+  s
+)), H = (s) => m(u({}, "__esModule", { value: !0 }), s), r = (s, e, t) => (U(s, typeof e != "symbol" ? e + "" : e, t), t), E = {};
+N(E, {
+  default: () => P
+});
+var g = H(E), d = j(_), a = O, c = A;
+const y = typeof navigator < "u", F = y && navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1, v = y && (/iPad|iPhone|iPod/.test(navigator.userAgent) || F) && !window.MSStream, V = y && /^((?!chrome|android).)*safari/i.test(navigator.userAgent) && !window.MSStream, T = "https://cdn.jsdelivr.net/npm/hls.js@VERSION/dist/hls.min.js", C = "Hls", B = "https://cdnjs.cloudflare.com/ajax/libs/dashjs/VERSION/dash.all.min.js", x = "dashjs", K = "https://cdn.jsdelivr.net/npm/flv.js@VERSION/dist/flv.min.js", G = "flvjs", X = /www\.dropbox\.com\/.+/, f = /https:\/\/watch\.cloudflarestream\.com\/([a-z0-9]+)/, W = "https://videodelivery.net/{id}/manifest/video.m3u8";
+class P extends d.Component {
+  constructor() {
+    super(...arguments), r(this, "onReady", (...e) => this.props.onReady(...e)), r(this, "onPlay", (...e) => this.props.onPlay(...e)), r(this, "onBuffer", (...e) => this.props.onBuffer(...e)), r(this, "onBufferEnd", (...e) => this.props.onBufferEnd(...e)), r(this, "onPause", (...e) => this.props.onPause(...e)), r(this, "onEnded", (...e) => this.props.onEnded(...e)), r(this, "onError", (...e) => this.props.onError(...e)), r(this, "onPlayBackRateChange", (e) => this.props.onPlaybackRateChange(e.target.playbackRate)), r(this, "onEnablePIP", (...e) => this.props.onEnablePIP(...e)), r(this, "onDisablePIP", (e) => {
+      const { onDisablePIP: t, playing: i } = this.props;
+      t(e), i && this.play();
+    }), r(this, "onPresentationModeChange", (e) => {
+      if (this.player && (0, a.supportsWebKitPresentationMode)(this.player)) {
+        const { webkitPresentationMode: t } = this.player;
+        t === "picture-in-picture" ? this.onEnablePIP(e) : t === "inline" && this.onDisablePIP(e);
+      }
+    }), r(this, "onSeek", (e) => {
+      this.props.onSeek(e.target.currentTime);
+    }), r(this, "mute", () => {
+      this.player.muted = !0;
+    }), r(this, "unmute", () => {
+      this.player.muted = !1;
+    }), r(this, "renderSourceElement", (e, t) => typeof e == "string" ? /* @__PURE__ */ d.default.createElement("source", { key: t, src: e }) : /* @__PURE__ */ d.default.createElement("source", { key: t, ...e })), r(this, "renderTrack", (e, t) => /* @__PURE__ */ d.default.createElement("track", { key: t, ...e })), r(this, "ref", (e) => {
+      this.player && (this.prevPlayer = this.player), this.player = e;
+    });
+  }
+  componentDidMount() {
+    this.props.onMount && this.props.onMount(this), this.addListeners(this.player);
+    const e = this.getSource(this.props.url);
+    e && (this.player.src = e), (v || this.props.config.forceDisableHls) && this.player.load();
+  }
+  componentDidUpdate(e) {
+    this.shouldUseAudio(this.props) !== this.shouldUseAudio(e) && (this.removeListeners(this.prevPlayer, e.url), this.addListeners(this.player)), this.props.url !== e.url && !(0, a.isMediaStream)(this.props.url) && !(this.props.url instanceof Array) && (this.player.srcObject = null);
+  }
+  componentWillUnmount() {
+    this.player.removeAttribute("src"), this.removeListeners(this.player), this.hls && this.hls.destroy();
+  }
+  addListeners(e) {
+    const { url: t, playsinline: i } = this.props;
+    e.addEventListener("play", this.onPlay), e.addEventListener("waiting", this.onBuffer), e.addEventListener("playing", this.onBufferEnd), e.addEventListener("pause", this.onPause), e.addEventListener("seeked", this.onSeek), e.addEventListener("ended", this.onEnded), e.addEventListener("error", this.onError), e.addEventListener("ratechange", this.onPlayBackRateChange), e.addEventListener("enterpictureinpicture", this.onEnablePIP), e.addEventListener("leavepictureinpicture", this.onDisablePIP), e.addEventListener("webkitpresentationmodechanged", this.onPresentationModeChange), this.shouldUseHLS(t) || e.addEventListener("canplay", this.onReady), i && (e.setAttribute("playsinline", ""), e.setAttribute("webkit-playsinline", ""), e.setAttribute("x5-playsinline", ""));
+  }
+  removeListeners(e, t) {
+    e.removeEventListener("canplay", this.onReady), e.removeEventListener("play", this.onPlay), e.removeEventListener("waiting", this.onBuffer), e.removeEventListener("playing", this.onBufferEnd), e.removeEventListener("pause", this.onPause), e.removeEventListener("seeked", this.onSeek), e.removeEventListener("ended", this.onEnded), e.removeEventListener("error", this.onError), e.removeEventListener("ratechange", this.onPlayBackRateChange), e.removeEventListener("enterpictureinpicture", this.onEnablePIP), e.removeEventListener("leavepictureinpicture", this.onDisablePIP), e.removeEventListener("webkitpresentationmodechanged", this.onPresentationModeChange), this.shouldUseHLS(t) || e.removeEventListener("canplay", this.onReady);
+  }
+  shouldUseAudio(e) {
+    return e.config.forceVideo || e.config.attributes.poster ? !1 : c.AUDIO_EXTENSIONS.test(e.url) || e.config.forceAudio;
+  }
+  shouldUseHLS(e) {
+    return V && this.props.config.forceSafariHLS || this.props.config.forceHLS ? !0 : v || this.props.config.forceDisableHls ? !1 : c.HLS_EXTENSIONS.test(e) || f.test(e);
+  }
+  shouldUseDASH(e) {
+    return c.DASH_EXTENSIONS.test(e) || this.props.config.forceDASH;
+  }
+  shouldUseFLV(e) {
+    return c.FLV_EXTENSIONS.test(e) || this.props.config.forceFLV;
+  }
+  load(e) {
+    const { hlsVersion: t, hlsOptions: i, dashVersion: n, flvVersion: l } = this.props.config;
+    if (this.hls && this.hls.destroy(), this.dash && this.dash.reset(), this.shouldUseHLS(e) && (0, a.getSDK)(T.replace("VERSION", t), C).then((o) => {
+      if (this.hls = new o(i), this.hls.on(o.Events.MANIFEST_PARSED, () => {
+        this.props.onReady();
+      }), this.hls.on(o.Events.ERROR, (h, p) => {
+        this.props.onError(h, p, this.hls, o);
+      }), f.test(e)) {
+        const h = e.match(f)[1];
+        this.hls.loadSource(W.replace("{id}", h));
+      } else
+        this.hls.loadSource(e);
+      this.hls.attachMedia(this.player), this.props.onLoaded();
+    }), this.shouldUseDASH(e) && (0, a.getSDK)(B.replace("VERSION", n), x).then((o) => {
+      this.dash = o.MediaPlayer().create(), this.dash.initialize(this.player, e, this.props.playing), this.dash.on("error", this.props.onError), parseInt(n) < 3 ? this.dash.getDebug().setLogToBrowserConsole(!1) : this.dash.updateSettings({ debug: { logLevel: o.Debug.LOG_LEVEL_NONE } }), this.props.onLoaded();
+    }), this.shouldUseFLV(e) && (0, a.getSDK)(K.replace("VERSION", l), G).then((o) => {
+      this.flv = o.createPlayer({ type: "flv", url: e }), this.flv.attachMediaElement(this.player), this.flv.on(o.Events.ERROR, (h, p) => {
+        this.props.onError(h, p, this.flv, o);
+      }), this.flv.load(), this.props.onLoaded();
+    }), e instanceof Array)
+      this.player.load();
+    else if ((0, a.isMediaStream)(e))
+      try {
+        this.player.srcObject = e;
+      } catch {
+        this.player.src = window.URL.createObjectURL(e);
+      }
+  }
+  play() {
+    const e = this.player.play();
+    e && e.catch(this.props.onError);
+  }
+  pause() {
+    this.player.pause();
+  }
+  stop() {
+    this.player.removeAttribute("src"), this.dash && this.dash.reset();
+  }
+  seekTo(e, t = !0) {
+    this.player.currentTime = e, t || this.pause();
+  }
+  setVolume(e) {
+    this.player.volume = e;
+  }
+  enablePIP() {
+    this.player.requestPictureInPicture && document.pictureInPictureElement !== this.player ? this.player.requestPictureInPicture() : (0, a.supportsWebKitPresentationMode)(this.player) && this.player.webkitPresentationMode !== "picture-in-picture" && this.player.webkitSetPresentationMode("picture-in-picture");
+  }
+  disablePIP() {
+    document.exitPictureInPicture && document.pictureInPictureElement === this.player ? document.exitPictureInPicture() : (0, a.supportsWebKitPresentationMode)(this.player) && this.player.webkitPresentationMode !== "inline" && this.player.webkitSetPresentationMode("inline");
+  }
+  setPlaybackRate(e) {
+    try {
+      this.player.playbackRate = e;
+    } catch (t) {
+      this.props.onError(t);
+    }
+  }
+  getDuration() {
+    if (!this.player)
+      return null;
+    const { duration: e, seekable: t } = this.player;
+    return e === 1 / 0 && t.length > 0 ? t.end(t.length - 1) : e;
+  }
+  getCurrentTime() {
+    return this.player ? this.player.currentTime : null;
+  }
+  getSecondsLoaded() {
+    if (!this.player)
+      return null;
+    const { buffered: e } = this.player;
+    if (e.length === 0)
+      return 0;
+    const t = e.end(e.length - 1), i = this.getDuration();
+    return t > i ? i : t;
+  }
+  getSource(e) {
+    const t = this.shouldUseHLS(e), i = this.shouldUseDASH(e), n = this.shouldUseFLV(e);
+    if (!(e instanceof Array || (0, a.isMediaStream)(e) || t || i || n))
+      return X.test(e) ? e.replace("www.dropbox.com", "dl.dropboxusercontent.com") : e;
+  }
+  render() {
+    const { url: e, playing: t, loop: i, controls: n, muted: l, config: o, width: h, height: p } = this.props, L = this.shouldUseAudio(this.props) ? "audio" : "video", S = {
+      width: h === "auto" ? h : "100%",
+      height: p === "auto" ? p : "100%"
+    };
+    return /* @__PURE__ */ d.default.createElement(
+      L,
+      {
+        ref: this.ref,
+        src: this.getSource(e),
+        style: S,
+        preload: "auto",
+        autoPlay: t || void 0,
+        controls: n,
+        muted: l,
+        loop: i,
+        ...o.attributes
+      },
+      e instanceof Array && e.map(this.renderSourceElement),
+      o.tracks.map(this.renderTrack)
+    );
+  }
+}
+r(P, "displayName", "FilePlayer");
+r(P, "canPlay", c.canPlay.file);
+const z = /* @__PURE__ */ b(g), Y = /* @__PURE__ */ R({
+  __proto__: null,
+  default: z
+}, [g]);
+export {
+  Y as F
+};

package/dist/FilePlayer-D9up8eWZ.cjs

@@ -0,0 +1 @@
+"use strict";const _=require("./_commonjsHelpers-DwTZ_eVU.cjs"),O=require("react"),E=require("./SearchSection-BUD-hnQA.cjs");function A(s,e){for(var t=0;t<e.length;t++){const i=e[t];if(typeof i!="string"&&!Array.isArray(i)){for(const n in i)if(n!=="default"&&!(n in s)){const l=Object.getOwnPropertyDescriptor(i,n);l&&Object.defineProperty(s,n,l.get?l:{enumerable:!0,get:()=>i[n]})}}}return Object.freeze(Object.defineProperty(s,Symbol.toStringTag,{value:"Module"}))}var R=Object.create,u=Object.defineProperty,I=Object.getOwnPropertyDescriptor,D=Object.getOwnPropertyNames,w=Object.getPrototypeOf,M=Object.prototype.hasOwnProperty,k=(s,e,t)=>e in s?u(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t,U=(s,e)=>{for(var t in e)u(s,t,{get:e[t],enumerable:!0})},m=(s,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of D(e))!M.call(s,n)&&n!==t&&u(s,n,{get:()=>e[n],enumerable:!(i=I(e,n))||i.enumerable});return s},N=(s,e,t)=>(t=s!=null?R(w(s)):{},m(!s||!s.__esModule?u(t,"default",{value:s,enumerable:!0}):t,s)),j=s=>m(u({},"__esModule",{value:!0}),s),r=(s,e,t)=>(k(s,typeof e!="symbol"?e+"":e,t),t),g={};U(g,{default:()=>P});var S=j(g),p=N(O),a=E.utils,d=E.patterns;const y=typeof navigator<"u",H=y&&navigator.platform==="MacIntel"&&navigator.maxTouchPoints>1,v=y&&(/iPad|iPhone|iPod/.test(navigator.userAgent)||H)&&!window.MSStream,F=y&&/^((?!chrome|android).)*safari/i.test(navigator.userAgent)&&!window.MSStream,V="https://cdn.jsdelivr.net/npm/hls.js@VERSION/dist/hls.min.js",T="Hls",C="https://cdnjs.cloudflare.com/ajax/libs/dashjs/VERSION/dash.all.min.js",B="dashjs",x="https://cdn.jsdelivr.net/npm/flv.js@VERSION/dist/flv.min.js",K="flvjs",q=/www\.dropbox\.com\/.+/,f=/https:\/\/watch\.cloudflarestream\.com\/([a-z0-9]+)/,G="https://videodelivery.net/{id}/manifest/video.m3u8";class P extends p.Component{constructor(){super(...arguments),r(this,"onReady",(...e)=>this.props.onReady(...e)),r(this,"onPlay",(...e)=>this.props.onPlay(...e)),r(this,"onBuffer",(...e)=>this.props.onBuffer(...e)),r(this,"onBufferEnd",(...e)=>this.props.onBufferEnd(...e)),r(this,"onPause",(...e)=>this.props.onPause(...e)),r(this,"onEnded",(...e)=>this.props.onEnded(...e)),r(this,"onError",(...e)=>this.props.onError(...e)),r(this,"onPlayBackRateChange",e=>this.props.onPlaybackRateChange(e.target.playbackRate)),r(this,"onEnablePIP",(...e)=>this.props.onEnablePIP(...e)),r(this,"onDisablePIP",e=>{const{onDisablePIP:t,playing:i}=this.props;t(e),i&&this.play()}),r(this,"onPresentationModeChange",e=>{if(this.player&&(0,a.supportsWebKitPresentationMode)(this.player)){const{webkitPresentationMode:t}=this.player;t==="picture-in-picture"?this.onEnablePIP(e):t==="inline"&&this.onDisablePIP(e)}}),r(this,"onSeek",e=>{this.props.onSeek(e.target.currentTime)}),r(this,"mute",()=>{this.player.muted=!0}),r(this,"unmute",()=>{this.player.muted=!1}),r(this,"renderSourceElement",(e,t)=>typeof e=="string"?p.default.createElement("source",{key:t,src:e}):p.default.createElement("source",{key:t,...e})),r(this,"renderTrack",(e,t)=>p.default.createElement("track",{key:t,...e})),r(this,"ref",e=>{this.player&&(this.prevPlayer=this.player),this.player=e})}componentDidMount(){this.props.onMount&&this.props.onMount(this),this.addListeners(this.player);const e=this.getSource(this.props.url);e&&(this.player.src=e),(v||this.props.config.forceDisableHls)&&this.player.load()}componentDidUpdate(e){this.shouldUseAudio(this.props)!==this.shouldUseAudio(e)&&(this.removeListeners(this.prevPlayer,e.url),this.addListeners(this.player)),this.props.url!==e.url&&!(0,a.isMediaStream)(this.props.url)&&!(this.props.url instanceof Array)&&(this.player.srcObject=null)}componentWillUnmount(){this.player.removeAttribute("src"),this.removeListeners(this.player),this.hls&&this.hls.destroy()}addListeners(e){const{url:t,playsinline:i}=this.props;e.addEventListener("play",this.onPlay),e.addEventListener("waiting",this.onBuffer),e.addEventListener("playing",this.onBufferEnd),e.addEventListener("pause",this.onPause),e.addEventListener("seeked",this.onSeek),e.addEventListener("ended",this.onEnded),e.addEventListener("error",this.onError),e.addEventListener("ratechange",this.onPlayBackRateChange),e.addEventListener("enterpictureinpicture",this.onEnablePIP),e.addEventListener("leavepictureinpicture",this.onDisablePIP),e.addEventListener("webkitpresentationmodechanged",this.onPresentationModeChange),this.shouldUseHLS(t)||e.addEventListener("canplay",this.onReady),i&&(e.setAttribute("playsinline",""),e.setAttribute("webkit-playsinline",""),e.setAttribute("x5-playsinline",""))}removeListeners(e,t){e.removeEventListener("canplay",this.onReady),e.removeEventListener("play",this.onPlay),e.removeEventListener("waiting",this.onBuffer),e.removeEventListener("playing",this.onBufferEnd),e.removeEventListener("pause",this.onPause),e.removeEventListener("seeked",this.onSeek),e.removeEventListener("ended",this.onEnded),e.removeEventListener("error",this.onError),e.removeEventListener("ratechange",this.onPlayBackRateChange),e.removeEventListener("enterpictureinpicture",this.onEnablePIP),e.removeEventListener("leavepictureinpicture",this.onDisablePIP),e.removeEventListener("webkitpresentationmodechanged",this.onPresentationModeChange),this.shouldUseHLS(t)||e.removeEventListener("canplay",this.onReady)}shouldUseAudio(e){return e.config.forceVideo||e.config.attributes.poster?!1:d.AUDIO_EXTENSIONS.test(e.url)||e.config.forceAudio}shouldUseHLS(e){return F&&this.props.config.forceSafariHLS||this.props.config.forceHLS?!0:v||this.props.config.forceDisableHls?!1:d.HLS_EXTENSIONS.test(e)||f.test(e)}shouldUseDASH(e){return d.DASH_EXTENSIONS.test(e)||this.props.config.forceDASH}shouldUseFLV(e){return d.FLV_EXTENSIONS.test(e)||this.props.config.forceFLV}load(e){const{hlsVersion:t,hlsOptions:i,dashVersion:n,flvVersion:l}=this.props.config;if(this.hls&&this.hls.destroy(),this.dash&&this.dash.reset(),this.shouldUseHLS(e)&&(0,a.getSDK)(V.replace("VERSION",t),T).then(o=>{if(this.hls=new o(i),this.hls.on(o.Events.MANIFEST_PARSED,()=>{this.props.onReady()}),this.hls.on(o.Events.ERROR,(h,c)=>{this.props.onError(h,c,this.hls,o)}),f.test(e)){const h=e.match(f)[1];this.hls.loadSource(G.replace("{id}",h))}else this.hls.loadSource(e);this.hls.attachMedia(this.player),this.props.onLoaded()}),this.shouldUseDASH(e)&&(0,a.getSDK)(C.replace("VERSION",n),B).then(o=>{this.dash=o.MediaPlayer().create(),this.dash.initialize(this.player,e,this.props.playing),this.dash.on("error",this.props.onError),parseInt(n)<3?this.dash.getDebug().setLogToBrowserConsole(!1):this.dash.updateSettings({debug:{logLevel:o.Debug.LOG_LEVEL_NONE}}),this.props.onLoaded()}),this.shouldUseFLV(e)&&(0,a.getSDK)(x.replace("VERSION",l),K).then(o=>{this.flv=o.createPlayer({type:"flv",url:e}),this.flv.attachMediaElement(this.player),this.flv.on(o.Events.ERROR,(h,c)=>{this.props.onError(h,c,this.flv,o)}),this.flv.load(),this.props.onLoaded()}),e instanceof Array)this.player.load();else if((0,a.isMediaStream)(e))try{this.player.srcObject=e}catch{this.player.src=window.URL.createObjectURL(e)}}play(){const e=this.player.play();e&&e.catch(this.props.onError)}pause(){this.player.pause()}stop(){this.player.removeAttribute("src"),this.dash&&this.dash.reset()}seekTo(e,t=!0){this.player.currentTime=e,t||this.pause()}setVolume(e){this.player.volume=e}enablePIP(){this.player.requestPictureInPicture&&document.pictureInPictureElement!==this.player?this.player.requestPictureInPicture():(0,a.supportsWebKitPresentationMode)(this.player)&&this.player.webkitPresentationMode!=="picture-in-picture"&&this.player.webkitSetPresentationMode("picture-in-picture")}disablePIP(){document.exitPictureInPicture&&document.pictureInPictureElement===this.player?document.exitPictureInPicture():(0,a.supportsWebKitPresentationMode)(this.player)&&this.player.webkitPresentationMode!=="inline"&&this.player.webkitSetPresentationMode("inline")}setPlaybackRate(e){try{this.player.playbackRate=e}catch(t){this.props.onError(t)}}getDuration(){if(!this.player)return null;const{duration:e,seekable:t}=this.player;return e===1/0&&t.length>0?t.end(t.length-1):e}getCurrentTime(){return this.player?this.player.currentTime:null}getSecondsLoaded(){if(!this.player)return null;const{buffered:e}=this.player;if(e.length===0)return 0;const t=e.end(e.length-1),i=this.getDuration();return t>i?i:t}getSource(e){const t=this.shouldUseHLS(e),i=this.shouldUseDASH(e),n=this.shouldUseFLV(e);if(!(e instanceof Array||(0,a.isMediaStream)(e)||t||i||n))return q.test(e)?e.replace("www.dropbox.com","dl.dropboxusercontent.com"):e}render(){const{url:e,playing:t,loop:i,controls:n,muted:l,config:o,width:h,height:c}=this.props,L=this.shouldUseAudio(this.props)?"audio":"video",b={width:h==="auto"?h:"100%",height:c==="auto"?c:"100%"};return p.default.createElement(L,{ref:this.ref,src:this.getSource(e),style:b,preload:"auto",autoPlay:t||void 0,controls:n,muted:l,loop:i,...o.attributes},e instanceof Array&&e.map(this.renderSourceElement),o.tracks.map(this.renderTrack))}}r(P,"displayName","FilePlayer");r(P,"canPlay",d.canPlay.file);const X=_.getDefaultExportFromCjs(S),W=A({__proto__:null,default:X},[S]);exports.FilePlayer=W;

package/dist/FlexBox.cjs

@@ -1,4 +1,4 @@
-"use strict";const w=require("react/jsx-runtime"),d=require("react"),y=require("./emotion-styled.browser.esm-BtEseadx.cjs"),r=require("./index-BPVoEhTF.cjs"),f={Row:"row",RowReverse:"row-reverse",Column:"column",ColumnReverse:"column-reverse"},m={NoWrap:"nowrap",Wrap:"wrap",WrapReverse:"wrap-reverse"},x={Start:"flex-start",Center:"center",End:"flex-end",SpaceAround:"space-around",SpaceBetween:"space-between",SpaceEvenly:"space-evenly"},S={Start:"flex-start",Center:"center",Stretch:"stretch",End:"flex-end",Baseline:"baseline"},g=y.styled.div`
+"use strict";const w=require("react/jsx-runtime"),d=require("react"),y=require("./emotion-styled.browser.esm-BtEseadx.cjs"),r=require("./index-BpbMKBf_.cjs"),f={Row:"row",RowReverse:"row-reverse",Column:"column",ColumnReverse:"column-reverse"},m={NoWrap:"nowrap",Wrap:"wrap",WrapReverse:"wrap-reverse"},x={Start:"flex-start",Center:"center",End:"flex-end",SpaceAround:"space-around",SpaceBetween:"space-between",SpaceEvenly:"space-evenly"},S={Start:"flex-start",Center:"center",Stretch:"stretch",End:"flex-end",Baseline:"baseline"},g=y.styled.div`
   display: flex;
   flex-direction: ${e=>f[e.direction]};
   flex-wrap: ${e=>m[e.wrap]};

package/dist/FlexBox.js

@@ -1,7 +1,7 @@
 import { jsx as f } from "react/jsx-runtime";
 import { forwardRef as m } from "react";
 import { s as w } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { P as r } from "./index-S5Cd7WrG.js";
+import { P as r } from "./index-CblbdqjE.js";
 const d = {
   Row: "row",
   RowReverse: "row-reverse",

package/dist/FlexGrid.cjs

@@ -1 +1 @@
-"use strict";const P=require("react/jsx-runtime"),r=require("react"),e=require("./index-BPVoEhTF.cjs"),S=require("./FlexBox.cjs"),d=require("./FlexGridItem.cjs"),t=r.forwardRef((p,o)=>{const{columns:s=12,spacing:c,rowSpacing:i,columnSpacing:a,justifyContent:u="Start",alignItems:y="Stretch",children:l,rest:T}=p,m=r.Children.map(l,n=>{if(!(!r.isValidElement(n)||n.type!=d))return r.cloneElement(n,{columns:s,spacing:c,rowSpacing:i,columnSpacing:a})});return P.jsx(S,{ref:o,wrap:"Wrap",justifyContent:u,alignItems:y,...T,children:m})});t.propTypes={columns:e.PropTypes.number,spacing:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.object]),rowSpacing:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.object]),columnSpacing:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.object]),justifyContent:e.PropTypes.oneOf(["Start","Center","End","SpaceAround","SpaceBetween","SpaceEvenly"]),alignItems:e.PropTypes.oneOf(["Start","Center","Stretch","End","Baseline"])};module.exports=t;
+"use strict";const P=require("react/jsx-runtime"),r=require("react"),e=require("./index-BpbMKBf_.cjs"),S=require("./FlexBox.cjs"),d=require("./FlexGridItem.cjs"),t=r.forwardRef((p,o)=>{const{columns:s=12,spacing:c,rowSpacing:i,columnSpacing:a,justifyContent:u="Start",alignItems:y="Stretch",children:l,rest:T}=p,m=r.Children.map(l,n=>{if(!(!r.isValidElement(n)||n.type!=d))return r.cloneElement(n,{columns:s,spacing:c,rowSpacing:i,columnSpacing:a})});return P.jsx(S,{ref:o,wrap:"Wrap",justifyContent:u,alignItems:y,...T,children:m})});t.propTypes={columns:e.PropTypes.number,spacing:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.object]),rowSpacing:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.object]),columnSpacing:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.object]),justifyContent:e.PropTypes.oneOf(["Start","Center","End","SpaceAround","SpaceBetween","SpaceEvenly"]),alignItems:e.PropTypes.oneOf(["Start","Center","Stretch","End","Baseline"])};module.exports=t;

package/dist/FlexGrid.js

@@ -1,6 +1,6 @@
 import { jsx as u } from "react/jsx-runtime";
 import { forwardRef as S, Children as d, isValidElement as y, cloneElement as g } from "react";
-import { P as e } from "./index-S5Cd7WrG.js";
+import { P as e } from "./index-CblbdqjE.js";
 import b from "./FlexBox.js";
 import j from "./FlexGridItem.js";
 const x = S((r, t) => {

package/dist/FlexGridItem.cjs

@@ -1,4 +1,4 @@
-"use strict";const X=require("react/jsx-runtime"),i=require("react"),n=require("./index-BPVoEhTF.cjs"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),q=require("./utils-CZynEOC_.cjs"),$=g.styled.div`
+"use strict";const X=require("react/jsx-runtime"),i=require("react"),n=require("./index-BpbMKBf_.cjs"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),q=require("./utils-CZynEOC_.cjs"),$=g.styled.div`
   ${s=>s.width>0?"":"flex: 1;"}
   min-width: ${s=>100/s.columns}%;
   width: ${s=>s.width}%;

package/dist/FlexGridItem.js

@@ -1,6 +1,6 @@
 import { jsx as y } from "react/jsx-runtime";
 import { forwardRef as N, useState as S, useEffect as b } from "react";
-import { P as i } from "./index-S5Cd7WrG.js";
+import { P as i } from "./index-CblbdqjE.js";
 import { s as I } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { u as M } from "./utils-BbgAIA9N.js";
 const W = I.div`

package/dist/Footer.cjs

@@ -1 +1 @@
-"use strict";const n=require("react/jsx-runtime"),i=require("react"),c=require("./index-BPVoEhTF.cjs"),e=i.forwardRef((r,o)=>{const{children:t,__TYPE__:_="Footer",...s}=r;return n.jsx("footer",{ref:o,...s,children:t})});e.propTypes={__TYPE__:c.PropTypes.string};e.displayName="Footer";module.exports=e;
+"use strict";const n=require("react/jsx-runtime"),i=require("react"),c=require("./index-BpbMKBf_.cjs"),e=i.forwardRef((r,o)=>{const{children:t,__TYPE__:_="Footer",...s}=r;return n.jsx("footer",{ref:o,...s,children:t})});e.propTypes={__TYPE__:c.PropTypes.string};e.displayName="Footer";module.exports=e;

package/dist/Footer.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import { forwardRef as _ } from "react";
-import { P as f } from "./index-S5Cd7WrG.js";
+import { P as f } from "./index-CblbdqjE.js";
 const o = _((r, t) => {
   const { children: e, __TYPE__: m = "Footer", ...p } = r;
   return /* @__PURE__ */ s("footer", { ref: t, ...p, children: e });

package/dist/FormField.cjs

@@ -1,4 +1,4 @@
-"use strict";const o=require("react/jsx-runtime"),r=require("./index-BPVoEhTF.cjs"),a=require("./emotion-styled.browser.esm-BtEseadx.cjs"),s=require("./utils-CZynEOC_.cjs"),b=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),g=a.styled.label`
+"use strict";const o=require("react/jsx-runtime"),r=require("./index-BpbMKBf_.cjs"),a=require("./emotion-styled.browser.esm-BtEseadx.cjs"),s=require("./utils-CZynEOC_.cjs"),b=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),g=a.styled.label`
   display: block;
   margin-bottom: 4px;
   ${e=>s.getComponentTypographyCss(e.theme,"FormField",e.size,"enabled")}

package/dist/FormField.js

@@ -1,5 +1,5 @@
 import { jsxs as b, jsx as a } from "react/jsx-runtime";
-import { P as l } from "./index-S5Cd7WrG.js";
+import { P as l } from "./index-CblbdqjE.js";
 import { s as m } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { c as i, b as n } from "./utils-BbgAIA9N.js";
 import { u as g } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";

package/dist/FormView.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),W=require("react"),r=require("./index-BPVoEhTF.cjs"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),$=require("./FlexGrid.cjs"),M=require("./FlexGridItem.cjs"),b=require("./Button.cjs"),m=require("./IconButton.cjs"),Y=require("./TextInput.cjs"),U=require("./CheckBoxInput.cjs"),H=require("./RadioGroup.cjs"),J=require("./NumberInput.cjs"),K=require("./DecimalInput.cjs"),L=require("./PasswordInput.cjs"),Q=require("./TextAreaInput.cjs"),X=require("./TimeInput.cjs"),Z=require("./ColorInput.cjs"),z=require("./FileInput.cjs"),ee=require("./RangeSlider.cjs"),x=require("./utils-CZynEOC_.cjs"),re=require("./FormField.cjs"),te=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),oe=g.styled.div`
+"use strict";const e=require("react/jsx-runtime"),W=require("react"),r=require("./index-BpbMKBf_.cjs"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),$=require("./FlexGrid.cjs"),M=require("./FlexGridItem.cjs"),b=require("./Button.cjs"),m=require("./IconButton.cjs"),Y=require("./TextInput.cjs"),U=require("./CheckBoxInput.cjs"),H=require("./RadioGroup.cjs"),J=require("./NumberInput.cjs"),K=require("./DecimalInput.cjs"),L=require("./PasswordInput.cjs"),Q=require("./TextAreaInput.cjs"),X=require("./TimeInput.cjs"),Z=require("./ColorInput.cjs"),z=require("./FileInput.cjs"),ee=require("./RangeSlider.cjs"),x=require("./utils-CZynEOC_.cjs"),re=require("./FormField.cjs"),te=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),oe=g.styled.div`
   display: flex;
   justify-content: space-between;
 `,se=g.styled.form`

package/dist/FormView.js

@@ -1,6 +1,6 @@
 import { jsxs as m, jsx as r, Fragment as g } from "react/jsx-runtime";
 import { forwardRef as W } from "react";
-import { P as e } from "./index-S5Cd7WrG.js";
+import { P as e } from "./index-CblbdqjE.js";
 import { s as y } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import M from "./FlexGrid.js";
 import Y from "./FlexGridItem.js";

package/dist/GiftCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),f=require("react"),w=require("./useDetectMobile-zkbzoOGV.cjs"),v=require("./style-JqDQj4jh.cjs"),o=require("./utils-CZynEOC_.cjs"),j=require("./Button.cjs"),c=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-goSZX3xP.cjs"),S=c.styled.div`
+"use strict";const t=require("react/jsx-runtime"),f=require("react"),w=require("./useDetectMobile-zkbzoOGV.cjs"),v=require("./style-JqDQj4jh.cjs"),o=require("./utils-CZynEOC_.cjs"),j=require("./Button.cjs"),c=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-goSZX3xP.cjs"),S=c.styled.div`
   display: grid;
   grid-template-columns: ${a=>`repeat(${a.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
@@ -81,4 +81,4 @@
   height: 11.5rem;
   border-radius: 0.75rem;
   background: ${o.linearGradientAnimation("-90deg")};
-`;const p=f.forwardRef((a,d)=>{const{image:s,text:l,price:i,currency:t,onSelectGiftCard:m=()=>{}}=a;return r.jsxs(k,{ref:d,className:"simple-gift-card",onClick:()=>m(i),children:[r.jsxs(G,{children:[r.jsx("div",{className:"price-tag",children:i&&t&&`${o.formatPrice(i)} ${o.GetCurrencySymbol(t)}`}),r.jsx("img",{src:s})]}),r.jsx("div",{className:"text-wrap",children:l})]})}),N=f.forwardRef((a,d)=>{const{icon:s,title:l,buttonLink:i,items:t,buttonText:m,limit:u=4,onSelectCard:g=()=>{},onButtonAction:h=()=>{}}=a,b=w.useDetectMobile();return r.jsxs(v.RegulatTitleSectionWrapper,{ref:d,children:[r.jsxs("div",{className:"regular-title",children:[r.jsxs("div",{className:"regular-title-text",children:[o.isDefinedNotEmptyString(s)&&r.jsx("i",{className:s}),r.jsx("span",{children:l})]}),o.isDefinedNotEmptyString(i)&&r.jsx(j,{type:"button",btnType:"tinted",color:"gray",onClick:e=>{var n;(n=e==null?void 0:e.target)==null||n.blur(),h(i)},borderRadius:"curved",className:"button-link",children:m})]}),r.jsx(S,{limit:u,children:b===!0?t==null?void 0:t.map((e,n)=>r.jsx(p,{text:e==null?void 0:e.text,price:e==null?void 0:e.priceTo,currency:e==null?void 0:e.currencyIsoCode,image:e==null?void 0:e.imageUrl,uuid:e==null?void 0:e.uuid,onSelectGiftCard:y=>g(e)},n)):t==null?void 0:t.slice(0,u).map((e,n)=>r.jsx(p,{text:e==null?void 0:e.text,price:e==null?void 0:e.priceTo,currency:e==null?void 0:e.currencyIsoCode,image:e==null?void 0:e.imageUrl,uuid:e==null?void 0:e.uuid,onSelectGiftCard:y=>g(e)},n))})]})});module.exports=N;
+`;const p=f.forwardRef((a,d)=>{const{image:s,text:l,price:i,currency:r,onSelectGiftCard:m=()=>{}}=a;return t.jsxs(k,{ref:d,className:"simple-gift-card",onClick:()=>m(i),children:[t.jsxs(G,{children:[t.jsx("div",{className:"price-tag",children:i&&r&&`${o.formatPrice(i)} ${o.GetCurrencySymbol(r)}`}),t.jsx("img",{src:s})]}),t.jsx("div",{className:"text-wrap",children:l})]})}),N=f.forwardRef((a,d)=>{const{icon:s,title:l,buttonLink:i,items:r,buttonText:m,limit:u=4,onSelectCard:g=()=>{},onButtonAction:h=()=>{}}=a,b=w.useDetectMobile();return t.jsxs(v.RegulatTitleSectionWrapper,{ref:d,children:[t.jsxs("div",{className:"regular-title",children:[t.jsxs("div",{className:"regular-title-text",children:[o.isDefinedNotEmptyString(s)&&t.jsx("i",{className:s}),t.jsx("span",{children:l})]}),o.isDefinedNotEmptyString(i)&&t.jsx(j,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var n;(n=e==null?void 0:e.target)==null||n.blur(),h(i)},borderRadius:"curved",className:"button-link",children:m})]}),t.jsx(S,{limit:u,children:b===!0?r==null?void 0:r.map((e,n)=>t.jsx(p,{text:e==null?void 0:e.text,price:e==null?void 0:e.priceTo,currency:e==null?void 0:e.currencyIsoCode,image:e==null?void 0:e.imageUrl,uuid:e==null?void 0:e.uuid,onSelectGiftCard:y=>g(e)},n)):r==null?void 0:r.slice(0,u).map((e,n)=>t.jsx(p,{text:e==null?void 0:e.text,price:e==null?void 0:e.priceTo,currency:e==null?void 0:e.currencyIsoCode,image:e==null?void 0:e.imageUrl,uuid:e==null?void 0:e.uuid,onSelectGiftCard:y=>g(e)},n))})]})});module.exports=N;

package/dist/GiftCardsSection.js

@@ -91,10 +91,10 @@ c.div`
   border-radius: 0.75rem;
   background: ${b("-90deg")};
 `;
-const f = h((a, s) => {
+const f = h((a, l) => {
   const {
     image: d,
-    text: l,
+    text: s,
     price: i,
     currency: r,
     onSelectGiftCard: m = () => {
@@ -103,7 +103,7 @@ const f = h((a, s) => {
   return /* @__PURE__ */ n(
     j,
     {
-      ref: s,
+      ref: l,
       className: "simple-gift-card",
       onClick: () => m(i),
       children: [
@@ -111,14 +111,14 @@ const f = h((a, s) => {
           /* @__PURE__ */ t("div", { className: "price-tag", children: i && r && `${G(i)} ${S(r)}` }),
           /* @__PURE__ */ t("img", { src: d })
         ] }),
-        /* @__PURE__ */ t("div", { className: "text-wrap", children: l })
+        /* @__PURE__ */ t("div", { className: "text-wrap", children: s })
       ]
     }
   );
-}), D = h((a, s) => {
+}), D = h((a, l) => {
   const {
     icon: d,
-    title: l,
+    title: s,
     buttonLink: i,
     items: r,
     buttonText: m,
@@ -128,18 +128,18 @@ const f = h((a, s) => {
     onButtonAction: v = () => {
     }
   } = a, w = C();
-  return /* @__PURE__ */ n(k, { ref: s, children: [
+  return /* @__PURE__ */ n(k, { ref: l, children: [
     /* @__PURE__ */ n("div", { className: "regular-title", children: [
       /* @__PURE__ */ n("div", { className: "regular-title-text", children: [
         u(d) && /* @__PURE__ */ t("i", { className: d }),
-        /* @__PURE__ */ t("span", { children: l })
+        /* @__PURE__ */ t("span", { children: s })
       ] }),
       u(i) && /* @__PURE__ */ t(
         N,
         {
           type: "button",
           btnType: "tinted",
-          color: "gray",
+          color: "neutral",
           onClick: (e) => {
             var o;
             (o = e == null ? void 0 : e.target) == null || o.blur(), v(i);

package/dist/Grid.cjs

@@ -1,4 +1,4 @@
-"use strict";const j=require("react/jsx-runtime"),w=require("react"),t=require("./index-BPVoEhTF.cjs"),G=require("./emotion-styled.browser.esm-BtEseadx.cjs"),I=G.styled.div`
+"use strict";const j=require("react/jsx-runtime"),w=require("react"),t=require("./index-BpbMKBf_.cjs"),G=require("./emotion-styled.browser.esm-BtEseadx.cjs"),I=G.styled.div`
   display: ${e=>e.inline?"inline-grid":"grid"};
   row-gap: ${e=>e.rowGap?e.rowGap:e.gap?e.gap:0};
   column-gap: ${e=>e.columnGap?e.columnGap:e.gap?e.gap:0};

package/dist/Grid.js

@@ -1,6 +1,6 @@
 import { jsx as G } from "react/jsx-runtime";
 import { forwardRef as I } from "react";
-import { P as e } from "./index-S5Cd7WrG.js";
+import { P as e } from "./index-CblbdqjE.js";
 import { s as C } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 const h = C.div`
   display: ${(t) => t.inline ? "inline-grid" : "grid"};

package/dist/GridItem.cjs

@@ -1,4 +1,4 @@
-"use strict";const f=require("react/jsx-runtime"),p=require("react"),t=require("./index-BPVoEhTF.cjs"),T=require("./emotion-styled.browser.esm-BtEseadx.cjs"),P=T.styled.div`
+"use strict";const f=require("react/jsx-runtime"),p=require("react"),t=require("./index-BpbMKBf_.cjs"),T=require("./emotion-styled.browser.esm-BtEseadx.cjs"),P=T.styled.div`
   display: ${e=>e.inline?"inline-grid":"grid"};
   row-gap: ${e=>e.rowGap?e.rowGap:e.gap?e.gap:0};
   column-gap: ${e=>e.columnGap?e.columnGap:e.gap?e.gap:0};

package/dist/GridItem.js

@@ -1,6 +1,6 @@
 import { jsx as w } from "react/jsx-runtime";
 import { forwardRef as y } from "react";
-import { P as e } from "./index-S5Cd7WrG.js";
+import { P as e } from "./index-CblbdqjE.js";
 import { s as E } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 const b = E.div`
   display: ${(t) => t.inline ? "inline-grid" : "grid"};

package/dist/Header.cjs

@@ -1 +1 @@
-"use strict";const i=require("react/jsx-runtime"),o=require("react"),a=require("./index-BPVoEhTF.cjs"),e=o.forwardRef((r,s)=>{const{children:t,__TYPE__:c="Header",...n}=r;return i.jsx("header",{ref:s,...n,children:t})});e.propTypes={__TYPE__:a.PropTypes.string};e.displayName="Header";module.exports=e;
+"use strict";const i=require("react/jsx-runtime"),o=require("react"),a=require("./index-BpbMKBf_.cjs"),e=o.forwardRef((r,s)=>{const{children:t,__TYPE__:c="Header",...n}=r;return i.jsx("header",{ref:s,...n,children:t})});e.propTypes={__TYPE__:a.PropTypes.string};e.displayName="Header";module.exports=e;

package/dist/Header.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import { forwardRef as t } from "react";
-import { P as d } from "./index-S5Cd7WrG.js";
+import { P as d } from "./index-CblbdqjE.js";
 const r = t((e, o) => {
   const { children: a, __TYPE__: _ = "Header", ...p } = e;
   return /* @__PURE__ */ s("header", { ref: o, ...p, children: a });