optimized-react-component-library-xyz123 0.22.1 → 0.22.2

package/dist/index.mjs

@@ -9,46 +9,63 @@ var InputRadio = ({
   const questionId = `question-${question.id}`;
   const groupId = `radio-group-${question.id}`;
   const errorId = `error-${question.id}`;
+  let optionsInfoText = [];
+  const languageObj = question.languageSupport[0];
+  if ("optionsInfoText" in languageObj) {
+    optionsInfoText.push(languageObj.optionsInfoText);
+    console.log(languageObj.optionsInfoText);
+  }
   const handleInputChange = (event) => {
     const e = { target: { value: event.target.value } };
     handleQuestionInputChange(e, question);
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    !showPreview && question.visible && /* @__PURE__ */ jsx("div", { className: "pts-root-question pts-radioMultiple-container", id: questionId, children: /* @__PURE__ */ jsxs(
-      "fieldset",
-      {
-        "aria-required": question.isQuestionMandatory,
-        "aria-invalid": question.hasValidationError ? question.hasValidationError : void 0,
-        "aria-errormessage": question.hasValidationError ? errorId : void 0,
-        children: [
-          /* @__PURE__ */ jsxs("legend", { id: `label-${groupId}`, children: [
-            question.questionLabel,
-            " ",
-            question.isQuestionMandatory && /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "pts-root-mandatoryAsterisk", children: "*" })
-          ] }),
-          (_a = question.options) == null ? void 0 : _a.map((option, index) => /* @__PURE__ */ jsxs("div", { className: "pts-radio-option", children: [
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                type: "radio",
-                name: `name-${question.id}`,
-                id: `${groupId}-option-${index}`,
-                value: option.value,
-                checked: question.answer === option.value,
-                onChange: handleInputChange
-              }
-            ),
-            /* @__PURE__ */ jsx("label", { htmlFor: `${groupId}-option-${index}`, children: option.label }),
-            " "
-          ] }, index)),
-          question.hasValidationError && /* @__PURE__ */ jsxs("div", { className: "pts-root-error", id: errorId, children: [
-            /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "errorDot", children: "!" }),
-            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Valideringsfel" }),
-            /* @__PURE__ */ jsx("span", { className: "errorText", children: question.validationDefaultMessesege })
-          ] })
-        ]
-      }
-    ) }),
+    !showPreview && question.visible && /* @__PURE__ */ jsxs("div", { className: "pts-root-question pts-radioMultiple-container", id: questionId, children: [
+      /* @__PURE__ */ jsxs(
+        "fieldset",
+        {
+          "aria-required": question.isQuestionMandatory,
+          "aria-invalid": question.hasValidationError ? question.hasValidationError : void 0,
+          "aria-errormessage": question.hasValidationError ? errorId : void 0,
+          children: [
+            /* @__PURE__ */ jsxs("legend", { id: `label-${groupId}`, children: [
+              question.questionLabel,
+              " ",
+              question.isQuestionMandatory && /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "pts-root-mandatoryAsterisk", children: "*" })
+            ] }),
+            (_a = question.options) == null ? void 0 : _a.map((option, index) => /* @__PURE__ */ jsxs("div", { className: "pts-radio-option", children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "radio",
+                  name: `name-${question.id}`,
+                  id: `${groupId}-option-${index}`,
+                  value: option.value,
+                  checked: question.answer === option.value,
+                  onChange: handleInputChange,
+                  "aria-describedby": "about_" + option.value
+                }
+              ),
+              /* @__PURE__ */ jsx("label", { htmlFor: `${groupId}-option-${index}`, children: option.label }),
+              " "
+            ] }, index)),
+            question.hasValidationError && /* @__PURE__ */ jsxs("div", { className: "pts-root-error", id: errorId, children: [
+              /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "errorDot", children: "!" }),
+              /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Valideringsfel" }),
+              /* @__PURE__ */ jsx("span", { className: "errorText", children: question.validationDefaultMessesege })
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          id: "textinfo-option3",
+          "aria-live": "polite",
+          "aria-atomic": "true"
+        }
+      )
+    ] }),
     showPreview && /* @__PURE__ */ jsx(PreviewRadio, { question })
   ] });
 };
@@ -251,11 +268,6 @@ var InputTextarea = ({
   const aboutId = `about-${question.id}`;
   const errorId = `error-${question.id}`;
   const defaultMaxLength = 1e3;
-  const answerLength = (_b = (_a = question.answer) == null ? void 0 : _a.length) != null ? _b : 0;
-  const maxLength = (_d = (_c = question.questionExtraAttribute) == null ? void 0 : _c.answerMaxLength) != null ? _d : defaultMaxLength;
-  const isTooLong = answerLength > maxLength;
-  const counterText = activatedLanguage === "en" ? `${answerLength} of ${maxLength} characters` : `${answerLength} av ${maxLength} tecken`;
-  const maxLengthErrorText = activatedLanguage === "en" ? `The text must be ${maxLength} characters or less` : `Texten f\xE5r max vara ${maxLength} tecken`;
   return /* @__PURE__ */ jsxs4(Fragment4, { children: [
     !showPreview && question.visible && /* @__PURE__ */ jsxs4(
       "div",
@@ -287,20 +299,29 @@ var InputTextarea = ({
               required: question.isQuestionMandatory,
               "aria-required": question.isQuestionMandatory,
               "aria-invalid": question.hasValidationError,
+              maxLength: ((_a = question.questionExtraAttribute) == null ? void 0 : _a.answerMaxLength) || defaultMaxLength,
               "aria-describedby": [question.aboutText ? aboutId : null, question.hasValidationError ? errorId : null].filter(Boolean).join(" ") || void 0,
               id: inputId
             }
           ),
           /* @__PURE__ */ jsxs4("div", { className: "pts-textarea-counter-error-container", children: [
-            !isTooLong && question.hasValidationError && /* @__PURE__ */ jsxs4("div", { className: "pts-root-error", id: errorId, children: [
+            question.hasValidationError && /* @__PURE__ */ jsxs4("div", { className: "pts-root-error", id: errorId, children: [
               /* @__PURE__ */ jsx4("span", { "aria-label": "Felmeddelande.", className: "errorDot", children: "!" }),
               /* @__PURE__ */ jsx4("span", { className: "errorText", children: question.validationDefaultMessesege })
             ] }),
-            isTooLong && question.hasValidationError && /* @__PURE__ */ jsxs4("div", { className: "pts-root-error", id: errorId, children: [
-              /* @__PURE__ */ jsx4("span", { "aria-label": "Felmeddelande.", className: "errorDot", children: "!" }),
-              /* @__PURE__ */ jsx4("span", { className: "errorText", children: maxLengthErrorText })
-            ] }),
-            !((_e = question.questionExtraAttribute) == null ? void 0 : _e.hideTextCounter) && /* @__PURE__ */ jsx4("div", { "aria-live": "polite", className: `pts-character-counter`, children: counterText })
+            !((_b = question.questionExtraAttribute) == null ? void 0 : _b.hideTextCounter) && /* @__PURE__ */ jsxs4(
+              "div",
+              {
+                className: `pts-character-counter ${question.answer && (((_c = question.questionExtraAttribute) == null ? void 0 : _c.answerMaxLength) || defaultMaxLength) && question.answer.length > (((_d = question.questionExtraAttribute) == null ? void 0 : _d.answerMaxLength) || defaultMaxLength) ? "error" : ""}`,
+                children: [
+                  question.answer ? question.answer.length : 0,
+                  " av",
+                  " ",
+                  ((_e = question.questionExtraAttribute) == null ? void 0 : _e.answerMaxLength) || defaultMaxLength,
+                  " tecken"
+                ]
+              }
+            )
           ] })
         ]
       }
@@ -337,21 +358,18 @@ var TextFieldStandard = ({
   showPreview = false,
   activatedLanguage
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
   const questionId = `question-${question.id}`;
   const inputId = `textField-${question.id}`;
   const aboutId = `about-${question.id}`;
   const errorId = `error-${question.id}`;
-  const answerLength = (_b = (_a = question.answer) == null ? void 0 : _a.length) != null ? _b : 0;
-  const maxLength = 100;
-  const isTooLong = answerLength > maxLength;
-  const maxLengthErrorText = activatedLanguage === "en" ? `The text must be ${maxLength} characters or less` : `Texten f\xE5r max vara ${maxLength} tecken`;
+  const defaultMaxLength = 1e3;
   return /* @__PURE__ */ jsxs5(Fragment5, { children: [
     !showPreview && question.visible && /* @__PURE__ */ jsxs5(
       "div",
       {
         id: questionId,
-        className: `pts-root-question pts-textField-container${((_c = question.questionExtraAttribute) == null ? void 0 : _c.disabled) ? " pts-textField-disabled" : ""}${question.aboutText ? " pts-question-hasAbout" : ""}`.trim(),
+        className: `pts-root-question pts-textField-container${((_a = question.questionExtraAttribute) == null ? void 0 : _a.disabled) ? " pts-textField-disabled" : ""}${question.aboutText ? " pts-question-hasAbout" : ""}`.trim(),
         children: [
           /* @__PURE__ */ jsxs5("label", { htmlFor: inputId, children: [
             question.questionLabel,
@@ -371,33 +389,29 @@ var TextFieldStandard = ({
           /* @__PURE__ */ jsx5(
             "input",
             {
-              type: (_e = (_d = question.questionExtraAttribute) == null ? void 0 : _d.inputType) != null ? _e : "text",
-              autoComplete: (_g = (_f = question.questionExtraAttribute) == null ? void 0 : _f.autoComplete) != null ? _g : void 0,
-              inputMode: (_i = (_h = question.questionExtraAttribute) == null ? void 0 : _h.inputMode) != null ? _i : void 0,
+              type: (_c = (_b = question.questionExtraAttribute) == null ? void 0 : _b.inputType) != null ? _c : "text",
+              autoComplete: (_e = (_d = question.questionExtraAttribute) == null ? void 0 : _d.autoComplete) != null ? _e : void 0,
+              inputMode: (_g = (_f = question.questionExtraAttribute) == null ? void 0 : _f.inputMode) != null ? _g : void 0,
               name: `question-name-${question.id}`,
               className: question.hasValidationError ? "pts-root-question-input-error-border" : void 0,
               onChange: (e) => handleQuestionInputChange(e, question),
               value: question.answer,
+              maxLength: ((_h = question.questionExtraAttribute) == null ? void 0 : _h.answerMaxLength) || defaultMaxLength,
               id: inputId,
-              disabled: (_j = question.questionExtraAttribute) == null ? void 0 : _j.disabled,
+              disabled: (_i = question.questionExtraAttribute) == null ? void 0 : _i.disabled,
               required: question.isQuestionMandatory,
               "aria-required": question.isQuestionMandatory,
               "aria-describedby": [question.aboutText ? aboutId : null].filter(Boolean).join(" ") || void 0,
               "aria-invalid": question.hasValidationError,
               "aria-errormessage": question.hasValidationError ? errorId : void 0,
-              spellCheck: (_l = (_k = question.questionExtraAttribute) == null ? void 0 : _k.spellCheck) != null ? _l : void 0,
-              autoCapitalize: (_n = (_m = question.questionExtraAttribute) == null ? void 0 : _m.autoCapitalize) != null ? _n : void 0
+              spellCheck: (_k = (_j = question.questionExtraAttribute) == null ? void 0 : _j.spellCheck) != null ? _k : void 0,
+              autoCapitalize: (_m = (_l = question.questionExtraAttribute) == null ? void 0 : _l.autoCapitalize) != null ? _m : void 0
             }
           ),
-          !isTooLong && question.hasValidationError && /* @__PURE__ */ jsxs5("div", { className: "pts-root-error", id: errorId, children: [
+          question.hasValidationError && /* @__PURE__ */ jsxs5("div", { className: "pts-root-error", id: errorId, children: [
             /* @__PURE__ */ jsx5("span", { "aria-hidden": true, className: "errorDot", children: "!" }),
             /* @__PURE__ */ jsx5("span", { className: "sr-only", children: "Valideringsfel" }),
             /* @__PURE__ */ jsx5("span", { className: "errorText", children: question.validationDefaultMessesege })
-          ] }),
-          isTooLong && question.hasValidationError && /* @__PURE__ */ jsxs5("div", { className: "pts-root-error", id: errorId, children: [
-            /* @__PURE__ */ jsx5("span", { "aria-hidden": true, className: "errorDot", children: "!" }),
-            /* @__PURE__ */ jsx5("span", { className: "sr-only", children: "Valideringsfel" }),
-            /* @__PURE__ */ jsx5("span", { className: "errorText", children: maxLengthErrorText })
           ] })
         ]
       }
@@ -623,12 +637,14 @@ var SelectedFiles = ({
     let newFiles = questionObject.files.filter((f) => f !== file);
     const newCountOfFiles = newFiles.length;
     setNumberOfFiles(newCountOfFiles);
-    let e = { target: { value: `${newCountOfFiles} files`, files: newFiles } };
-    const targetValue = e.target.value === "0 files" ? "" : e.target.value;
-    e = { ...e, target: { ...e.target, value: targetValue } };
+    const e = { target: { value: `${newCountOfFiles} files`, files: newFiles } };
     isTouched(e, questionObject);
     removeFile(newCountOfFiles);
   };
+  useEffect4(() => {
+    var _a;
+    numberOfFiles > 0 && ((_a = theDiv.current) == null ? void 0 : _a.scrollIntoView({ behavior: "smooth", block: "end" }));
+  }, [numberOfFiles]);
   const useWindowWidth = () => {
     const [windowWidth2, setWindowWidth] = useState4(window.innerWidth);
     useEffect4(() => {
@@ -911,7 +927,7 @@ var AddFiles = ({
       const currentFiles = questionObject.files ? questionObject.files : [];
       const e = {
         target: {
-          value: currentFiles.length + newFiles.length > 0 ? `${currentFiles.length + newFiles.length} files` : "",
+          value: `${currentFiles.length + newFiles.length} files`,
           files: [...currentFiles, ...newFiles]
         }
       };
@@ -934,75 +950,68 @@ var AddFiles = ({
     setErrorMessageAddingFile([]);
   };
   return /* @__PURE__ */ jsxs9(Fragment11, { children: [
-    !showPreview && visible && /* @__PURE__ */ jsx11(
-      "div",
-      {
-        className: "root-question addFile-question-container",
-        id: `question-${questionObject.id}`,
-        children: /* @__PURE__ */ jsxs9("div", { role: "group", children: [
-          questionObject.aboutText && /* @__PURE__ */ jsxs9(
-            "p",
-            {
-              id: aboutId,
-              className: clsx3(
-                "addFilesMandatory",
-                questionObject.hasValidationError ? " error" : ""
-              ),
-              children: [
-                questionObject.aboutText,
-                questionObject.isQuestionMandatory && /* @__PURE__ */ jsxs9("span", { className: "pts-root-mandatoryAsterisk", "aria-label": "Obligatorisk fr\xE5ga", children: [
-                  " ",
-                  "*"
-                ] })
-              ]
-            }
-          ),
-          questionObject.hasValidationError && /* @__PURE__ */ jsxs9("div", { className: "pts-root-error error addfileserror", id: errorId, children: [
-            /* @__PURE__ */ jsx11("span", { "aria-hidden": true, className: "errorDot", children: "!" }),
-            /* @__PURE__ */ jsx11("span", { className: "sr-only", children: "Valideringsfel" }),
-            /* @__PURE__ */ jsx11("span", { className: "errorText", children: questionObject.validationDefaultMessesege })
-          ] }),
-          /* @__PURE__ */ jsx11(
-            ExploreFilesStandard_default,
-            {
-              FilesSelected: onDrop,
-              numberOfFiles,
-              allowedNumberOfFiles,
-              activatedLanguage,
-              inputId,
-              labelId,
-              aboutId,
-              errorId,
-              questionObject,
-              errorMessageAddingFile,
-              removeUploadErrors: handleRemoveErrors
-            }
-          ),
-          /* @__PURE__ */ jsx11(
-            DropFilesStandard_default,
-            {
-              FilesSelected: onDrop,
-              DropFilesText: dropFilesText,
-              language: activatedLanguage
-            }
+    !showPreview && visible && /* @__PURE__ */ jsx11("div", { className: "root-question addFile-question-container", id: `question-${questionObject.id}`, children: /* @__PURE__ */ jsxs9("div", { role: "group", children: [
+      questionObject.aboutText && /* @__PURE__ */ jsxs9(
+        "p",
+        {
+          id: aboutId,
+          className: clsx3(
+            "addFilesMandatory",
+            questionObject.hasValidationError ? " error" : ""
           ),
-          /* @__PURE__ */ jsx11(
-            SelectedFilesStandard_default,
-            {
-              questionObject,
-              isTouched: handleQuestionInputChange,
-              removeFile: removeFileFromNumberOfFiles,
-              removeError,
-              errorMessageAddingFile,
-              activatedLanguage,
-              numberOfFiles,
-              setNumberOfFiles,
-              removeUploadErrors: handleRemoveErrors
-            }
-          )
-        ] })
-      }
-    ),
+          children: [
+            questionObject.aboutText,
+            questionObject.isQuestionMandatory && /* @__PURE__ */ jsxs9("span", { className: "pts-root-mandatoryAsterisk", "aria-label": "Obligatorisk fr\xE5ga", children: [
+              " ",
+              "*"
+            ] })
+          ]
+        }
+      ),
+      questionObject.hasValidationError && /* @__PURE__ */ jsxs9("div", { className: "pts-root-error error addfileserror", id: errorId, children: [
+        /* @__PURE__ */ jsx11("span", { "aria-hidden": true, className: "errorDot", children: "!" }),
+        /* @__PURE__ */ jsx11("span", { className: "sr-only", children: "Valideringsfel" }),
+        /* @__PURE__ */ jsx11("span", { className: "errorText", children: questionObject.validationDefaultMessesege })
+      ] }),
+      /* @__PURE__ */ jsx11(
+        ExploreFilesStandard_default,
+        {
+          FilesSelected: onDrop,
+          numberOfFiles,
+          allowedNumberOfFiles,
+          activatedLanguage,
+          inputId,
+          labelId,
+          aboutId,
+          errorId,
+          questionObject,
+          errorMessageAddingFile,
+          removeUploadErrors: handleRemoveErrors
+        }
+      ),
+      /* @__PURE__ */ jsx11(
+        DropFilesStandard_default,
+        {
+          FilesSelected: onDrop,
+          DropFilesText: dropFilesText,
+          language: activatedLanguage
+        }
+      ),
+      /* @__PURE__ */ jsx11(
+        SelectedFilesStandard_default,
+        {
+          questionObject,
+          isTouched: handleQuestionInputChange,
+          removeFile: removeFileFromNumberOfFiles,
+          removeError,
+          errorMessageAddingFile,
+          activatedLanguage,
+          numberOfFiles,
+          setNumberOfFiles,
+          removeUploadErrors: handleRemoveErrors
+        }
+      )
+    ] }) }),
     showPreview && /* @__PURE__ */ jsx11(PreviewAddFiles, { activatedLanguage, questionObject })
   ] });
 };
@@ -1116,7 +1125,7 @@ var PreviewSingleCheckbox = ({
 // src/helpers/hasQuestionValidationError/hasQuestionValidationError.tsx
 import { isValid, parseISO } from "date-fns";
 var hasQuestionValidationError = (question, questions) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a, _b, _c, _d, _e;
   let error = false;
   if (question.isQuestionMandatory) {
     if (question.isTouched === false) {
@@ -1129,28 +1138,19 @@ var hasQuestionValidationError = (question, questions) => {
       error = true;
     }
   }
-  const maxLength = (_c = (_b = question.questionExtraAttribute) == null ? void 0 : _b.answerMaxLength) != null ? _c : 1e3;
-  if (((_d = question.validationType) == null ? void 0 : _d.includes("maxLength")) && question.answer.length > maxLength) {
-    error = true;
-  }
-  if (question.questionType === "TextField") {
-    if (question.answer.length > 100) {
-      error = true;
-    }
-  }
-  if (((_e = question.validationType) == null ? void 0 : _e.find((e) => e === "email")) && (question.isQuestionMandatory || question.answer !== "")) {
+  if (((_b = question.validationType) == null ? void 0 : _b.find((e) => e === "email")) && (question.isQuestionMandatory || question.answer !== "")) {
     const emailRegex = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
     if (!emailRegex.test(question.answer)) {
       error = true;
     }
   }
-  if (((_f = question.validationType) == null ? void 0 : _f.find((e) => e === "fourNumbers")) && (question.isQuestionMandatory || question.answer !== "")) {
+  if (((_c = question.validationType) == null ? void 0 : _c.find((e) => e === "fourNumbers")) && (question.isQuestionMandatory || question.answer !== "")) {
     const fourNumbersRegex = /^\d{4}$/.test(question.answer);
     if (!fourNumbersRegex) {
       error = true;
     }
   }
-  if (((_g = question.validationType) == null ? void 0 : _g.find((e) => e === "isDateFormatValid")) && question.answer !== "") {
+  if (((_d = question.validationType) == null ? void 0 : _d.find((e) => e === "isDateFormatValid")) && question.answer !== "") {
     const regex = /^\d{4}-\d{2}-\d{2}$/;
     if (!regex.test(question.answer)) {
       error = true;
@@ -1164,18 +1164,16 @@ var hasQuestionValidationError = (question, questions) => {
       error = true;
     }
   }
-  const groupCheckError = (_h = question.validationType) == null ? void 0 : _h.find((e) => e.startsWith("groupCheck-"));
+  const groupCheckError = (_e = question.validationType) == null ? void 0 : _e.find((e) => e.startsWith("groupCheck-"));
   if (groupCheckError) {
     const ids = groupCheckError.replace("groupCheck-", "").split("-");
-    const relatedAnswers = ids.map(
-      (id) => {
-        var _a2;
-        return (_a2 = questions.find((q) => {
-          var _a3;
-          return ((_a3 = q.id) == null ? void 0 : _a3.toString()) === id;
-        })) == null ? void 0 : _a2.answer;
-      }
-    );
+    const relatedAnswers = ids.map((id) => {
+      var _a2;
+      return (_a2 = questions.find((q) => {
+        var _a3;
+        return ((_a3 = q.id) == null ? void 0 : _a3.toString()) === id;
+      })) == null ? void 0 : _a2.answer;
+    });
     const currentAnswer = question.answer;
     const allAnswers = [...relatedAnswers, currentAnswer];
     if (allAnswers.every((ans) => ans === "")) {
@@ -2047,7 +2045,7 @@ var CookieBanner = ({
               href: "https://pts.se/om-oss/om-pts.se/kakor-pa-webbplatsen/kakor-pa-pts-e-tjanster/",
               target: "_blank",
               rel: "noopener noreferrer",
-              children: "Kakor (cookies) p\xE5 pts.se (\xF6ppnas i ny flik)"
+              children: "Kakor (cookies) p\xE5 pts.se (\xF6ppnas i nytt f\xF6nster)"
             }
           )
         ] }),
@@ -2159,7 +2157,7 @@ var LanguageIcon = () => /* @__PURE__ */ jsx17("svg", { width: "15", height: "15
     fill: "#6E3282"
   }
 ) });
-var Logo_sv = () => /* @__PURE__ */ jsxs15("svg", { width: "168.8", height: "40", viewBox: "0 0 168.8 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+var Logo_sv = () => /* @__PURE__ */ jsxs15("svg", { width: "168.8", height: "46.67", viewBox: "0 0 168.8 46.67", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
   /* @__PURE__ */ jsx17(
     "path",
     {
@@ -2305,7 +2303,7 @@ var Logo_sv = () => /* @__PURE__ */ jsxs15("svg", { width: "168.8", height: "40"
   ),
   /* @__PURE__ */ jsx17("path", { d: "M82.2223 18.3335V37.2224", stroke: "currentColor", strokeWidth: "0.8", strokeMiterlimit: "10" })
 ] });
-var Logo_en = () => /* @__PURE__ */ jsxs15("svg", { width: "189.0", height: "40", viewBox: "0 0 189 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img", children: [
+var Logo_en = () => /* @__PURE__ */ jsxs15("svg", { width: "189.0", height: "46.67", viewBox: "0 0 189 46.67", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img", children: [
   /* @__PURE__ */ jsx17(
     "path",
     {