@mw-kit/mw-ui 1.8.17 → 1.8.19

package/dist/index.mjs

@@ -1,6 +1,3 @@
-const __mw_ui_module_url = import.meta.url;
-
-
 // src/components/AbsoluteContainer/index.tsx
 import React, {
   useCallback,
@@ -9,6 +6,161 @@ import React, {
   useState as useState2
 } from "react";
 
+// src/assets/fonts/allura-latin-ext.woff2
+var allura_latin_ext_default = "./assets/fonts/allura-latin-ext.woff2";
+
+// src/assets/fonts/allura-latin.woff2
+var allura_latin_default = "./assets/fonts/allura-latin.woff2";
+
+// src/assets/fonts/allura-vietnamese.woff2
+var allura_vietnamese_default = "./assets/fonts/allura-vietnamese.woff2";
+
+// src/assets/fonts/great-vibes-cyrillic-ext.woff2
+var great_vibes_cyrillic_ext_default = "./assets/fonts/great-vibes-cyrillic-ext.woff2";
+
+// src/assets/fonts/great-vibes-cyrillic.woff2
+var great_vibes_cyrillic_default = "./assets/fonts/great-vibes-cyrillic.woff2";
+
+// src/assets/fonts/great-vibes-greek-ext.woff2
+var great_vibes_greek_ext_default = "./assets/fonts/great-vibes-greek-ext.woff2";
+
+// src/assets/fonts/great-vibes-latin-ext.woff2
+var great_vibes_latin_ext_default = "./assets/fonts/great-vibes-latin-ext.woff2";
+
+// src/assets/fonts/great-vibes-latin.woff2
+var great_vibes_latin_default = "./assets/fonts/great-vibes-latin.woff2";
+
+// src/assets/fonts/great-vibes-vietnamese.woff2
+var great_vibes_vietnamese_default = "./assets/fonts/great-vibes-vietnamese.woff2";
+
+// src/assets/fonts/lato-italic-100-latin-ext.woff2
+var lato_italic_100_latin_ext_default = "./assets/fonts/lato-italic-100-latin-ext.woff2";
+
+// src/assets/fonts/lato-italic-100-latin.woff2
+var lato_italic_100_latin_default = "./assets/fonts/lato-italic-100-latin.woff2";
+
+// src/assets/fonts/lato-italic-300-latin-ext.woff2
+var lato_italic_300_latin_ext_default = "./assets/fonts/lato-italic-300-latin-ext.woff2";
+
+// src/assets/fonts/lato-italic-300-latin.woff2
+var lato_italic_300_latin_default = "./assets/fonts/lato-italic-300-latin.woff2";
+
+// src/assets/fonts/lato-italic-400-latin-ext.woff2
+var lato_italic_400_latin_ext_default = "./assets/fonts/lato-italic-400-latin-ext.woff2";
+
+// src/assets/fonts/lato-italic-400-latin.woff2
+var lato_italic_400_latin_default = "./assets/fonts/lato-italic-400-latin.woff2";
+
+// src/assets/fonts/lato-italic-700-latin-ext.woff2
+var lato_italic_700_latin_ext_default = "./assets/fonts/lato-italic-700-latin-ext.woff2";
+
+// src/assets/fonts/lato-italic-700-latin.woff2
+var lato_italic_700_latin_default = "./assets/fonts/lato-italic-700-latin.woff2";
+
+// src/assets/fonts/lato-italic-900-latin-ext.woff2
+var lato_italic_900_latin_ext_default = "./assets/fonts/lato-italic-900-latin-ext.woff2";
+
+// src/assets/fonts/lato-italic-900-latin.woff2
+var lato_italic_900_latin_default = "./assets/fonts/lato-italic-900-latin.woff2";
+
+// src/assets/fonts/lato-normal-100-latin-ext.woff2
+var lato_normal_100_latin_ext_default = "./assets/fonts/lato-normal-100-latin-ext.woff2";
+
+// src/assets/fonts/lato-normal-100-latin.woff2
+var lato_normal_100_latin_default = "./assets/fonts/lato-normal-100-latin.woff2";
+
+// src/assets/fonts/lato-normal-300-latin-ext.woff2
+var lato_normal_300_latin_ext_default = "./assets/fonts/lato-normal-300-latin-ext.woff2";
+
+// src/assets/fonts/lato-normal-300-latin.woff2
+var lato_normal_300_latin_default = "./assets/fonts/lato-normal-300-latin.woff2";
+
+// src/assets/fonts/lato-normal-400-latin-ext.woff2
+var lato_normal_400_latin_ext_default = "./assets/fonts/lato-normal-400-latin-ext.woff2";
+
+// src/assets/fonts/lato-normal-400-latin.woff2
+var lato_normal_400_latin_default = "./assets/fonts/lato-normal-400-latin.woff2";
+
+// src/assets/fonts/lato-normal-700-latin-ext.woff2
+var lato_normal_700_latin_ext_default = "./assets/fonts/lato-normal-700-latin-ext.woff2";
+
+// src/assets/fonts/lato-normal-700-latin.woff2
+var lato_normal_700_latin_default = "./assets/fonts/lato-normal-700-latin.woff2";
+
+// src/assets/fonts/lato-normal-900-latin-ext.woff2
+var lato_normal_900_latin_ext_default = "./assets/fonts/lato-normal-900-latin-ext.woff2";
+
+// src/assets/fonts/lato-normal-900-latin.woff2
+var lato_normal_900_latin_default = "./assets/fonts/lato-normal-900-latin.woff2";
+
+// src/assets/fonts/pacifico-cyrillic-ext.woff2
+var pacifico_cyrillic_ext_default = "./assets/fonts/pacifico-cyrillic-ext.woff2";
+
+// src/assets/fonts/pacifico-cyrillic.woff2
+var pacifico_cyrillic_default = "./assets/fonts/pacifico-cyrillic.woff2";
+
+// src/assets/fonts/pacifico-latin-ext.woff2
+var pacifico_latin_ext_default = "./assets/fonts/pacifico-latin-ext.woff2";
+
+// src/assets/fonts/pacifico-latin.woff2
+var pacifico_latin_default = "./assets/fonts/pacifico-latin.woff2";
+
+// src/assets/fonts/pacifico-vietnamese.woff2
+var pacifico_vietnamese_default = "./assets/fonts/pacifico-vietnamese.woff2";
+
+// src/assets/fonts/index.ts
+var assets = {
+  Allura: {
+    alluraLatinExt: allura_latin_ext_default,
+    alluraLatin: allura_latin_default,
+    alluraVietnamese: allura_vietnamese_default
+  },
+  GreatVibes: {
+    greatVibesCyrillicExt: great_vibes_cyrillic_ext_default,
+    greatVibesCyrillic: great_vibes_cyrillic_default,
+    greatVibesGreekExt: great_vibes_greek_ext_default,
+    greatVibesLatinExt: great_vibes_latin_ext_default,
+    greatVibesLatin: great_vibes_latin_default,
+    greatVibesVietnamese: great_vibes_vietnamese_default
+  },
+  Pacifico: {
+    pacificoCyrillicExt: pacifico_cyrillic_ext_default,
+    pacificoCyrillic: pacifico_cyrillic_default,
+    pacificoLatinExt: pacifico_latin_ext_default,
+    pacificoLatin: pacifico_latin_default,
+    pacificoVietnamese: pacifico_vietnamese_default
+  },
+  Lato: {
+    latoItalic100LatinExt: lato_italic_100_latin_ext_default,
+    latoItalic100Latin: lato_italic_100_latin_default,
+    latoItalic300LatinExt: lato_italic_300_latin_ext_default,
+    latoItalic300Latin: lato_italic_300_latin_default,
+    latoItalic400LatinExt: lato_italic_400_latin_ext_default,
+    latoItalic400Latin: lato_italic_400_latin_default,
+    latoItalic700LatinExt: lato_italic_700_latin_ext_default,
+    latoItalic700Latin: lato_italic_700_latin_default,
+    latoItalic900LatinExt: lato_italic_900_latin_ext_default,
+    latoItalic900Latin: lato_italic_900_latin_default,
+    latoNormal100LatinExt: lato_normal_100_latin_ext_default,
+    latoNormal100Latin: lato_normal_100_latin_default,
+    latoNormal300LatinExt: lato_normal_300_latin_ext_default,
+    latoNormal300Latin: lato_normal_300_latin_default,
+    latoNormal400LatinExt: lato_normal_400_latin_ext_default,
+    latoNormal400Latin: lato_normal_400_latin_default,
+    latoNormal700LatinExt: lato_normal_700_latin_ext_default,
+    latoNormal700Latin: lato_normal_700_latin_default,
+    latoNormal900LatinExt: lato_normal_900_latin_ext_default,
+    latoNormal900Latin: lato_normal_900_latin_default
+  }
+};
+var fonts = {
+  Allura: '"Allura", cursive',
+  GreatVibes: '"Great Vibes", cursive',
+  Pacifico: '"Pacifico", cursive',
+  Lato: '"Lato", sans-serif'
+};
+var fonts_default = fonts;
+
 // src/theme/constants.ts
 var colors = {
   black: "#000000",
@@ -77,44 +229,55 @@ var spacings = {
   s5: "28px",
   s6: "35px"
 };
-var fonts = {
-  lato: '"Lato", sans-serif'
-};
 var typographies = {
   h1: {
-    fontFamily: fonts.lato,
+    fontFamily: "Lato",
     fontWeight: "bold",
-    fontSize: "18px"
+    fontSize: "18px",
+    lineHeight: "22px",
+    letterSpacing: "0px"
   },
   h2: {
-    fontFamily: fonts.lato,
+    fontFamily: "Lato",
     fontWeight: "bold",
-    fontSize: "16px"
+    fontSize: "16px",
+    lineHeight: "19px",
+    letterSpacing: "0px"
   },
   h3: {
-    fontFamily: fonts.lato,
+    fontFamily: "Lato",
     fontWeight: "normal",
-    fontSize: "16px"
+    fontSize: "16px",
+    lineHeight: "19px",
+    letterSpacing: "0px"
   },
   h4: {
-    fontFamily: fonts.lato,
+    fontFamily: "Lato",
     fontWeight: "bold",
-    fontSize: "14px"
+    fontSize: "14px",
+    lineHeight: "17px",
+    letterSpacing: "0px"
   },
   h5: {
-    fontFamily: fonts.lato,
+    fontFamily: "Lato",
     fontWeight: "normal",
-    fontSize: "14px"
+    fontSize: "14px",
+    lineHeight: "17px",
+    letterSpacing: "0px"
   },
   h6: {
-    fontFamily: fonts.lato,
+    fontFamily: "Lato",
     fontWeight: "normal",
-    fontSize: "13px"
+    fontSize: "13px",
+    lineHeight: "16px",
+    letterSpacing: "0px"
   },
   p: {
-    fontFamily: fonts.lato,
+    fontFamily: "Lato",
     fontWeight: "normal",
-    fontSize: "14px"
+    fontSize: "14px",
+    lineHeight: "17px",
+    letterSpacing: "0px"
   }
 };
 
@@ -871,7 +1034,7 @@ import styled3, { css as css4 } from "styled-components";
 var Button = styled3.button`
   padding: 0
     ${({ theme: theme4, $appearance: appearance }) => appearance === "link" ? 0 : theme4.spacings.s3};
-  font-family: 'Lato', sans-serif;
+  font-family: ${({ theme: theme4 }) => theme4.fonts.Lato};
   font-weight: ${({ $appearance: appearance }) => appearance === "link" ? "normal" : "bold"};
   border-radius: 4px;
   position: relative;
@@ -1052,38 +1215,19 @@ var useOnClickOut = (callback) => {
 var onClickOut_default = useOnClickOut;
 
 // src/theme/index.tsx
+import { useMemo } from "react";
 import { ThemeProvider as Provider, css as css5 } from "styled-components";
 
-// src/components/Button/theme.ts
-var theme = {
-  sizes
-};
-var theme_default = theme;
-
-// src/components/theme.ts
-var theme2 = {
-  button: theme_default
-};
-var theme_default2 = theme2;
-
-// src/theme/globals.tsx
-import React2 from "react";
-import { createGlobalStyle } from "styled-components";
-
 // src/assets/helpers.ts
-var moduleUrlBase = (() => {
-  if (typeof __mw_ui_module_url !== "undefined" && __mw_ui_module_url) {
-    return __mw_ui_module_url;
-  }
-  if (typeof document !== "undefined" && document.baseURI) {
-    return document.baseURI;
-  }
-  if (typeof window !== "undefined") {
-    return window.location.href;
-  }
-  return "http://localhost/";
-})();
-var assetUrl = (asset) => new URL(asset, moduleUrlBase).toString();
+var assetUrl = (asset, assetBaseUrl) => {
+  const base = assetBaseUrl.endsWith("/") ? assetBaseUrl : `${assetBaseUrl}/`;
+  let normalizedAsset = asset;
+  while (normalizedAsset.startsWith("/") || normalizedAsset.startsWith(".")) {
+    normalizedAsset = normalizedAsset.slice(1);
+  }
+  normalizedAsset = normalizedAsset.startsWith("assets/") ? normalizedAsset.slice(7) : normalizedAsset;
+  return `${base}${normalizedAsset}`;
+};
 var ensureFontLoaded = async (fontFamily, fontSize = 64, text = " ") => {
   if (typeof document === "undefined" || !document.fonts) {
     return false;
@@ -1107,74 +1251,30 @@ var ensureFontLoaded = async (fontFamily, fontSize = 64, text = " ") => {
   return false;
 };
 
-// src/assets/fonts/allura-latin-ext.woff2
-var allura_latin_ext_default = "./assets/fonts/allura-latin-ext.woff2";
-
-// src/assets/fonts/allura-latin.woff2
-var allura_latin_default = "./assets/fonts/allura-latin.woff2";
-
-// src/assets/fonts/allura-vietnamese.woff2
-var allura_vietnamese_default = "./assets/fonts/allura-vietnamese.woff2";
-
-// src/assets/fonts/great-vibes-cyrillic-ext.woff2
-var great_vibes_cyrillic_ext_default = "./assets/fonts/great-vibes-cyrillic-ext.woff2";
-
-// src/assets/fonts/great-vibes-cyrillic.woff2
-var great_vibes_cyrillic_default = "./assets/fonts/great-vibes-cyrillic.woff2";
-
-// src/assets/fonts/great-vibes-greek-ext.woff2
-var great_vibes_greek_ext_default = "./assets/fonts/great-vibes-greek-ext.woff2";
-
-// src/assets/fonts/great-vibes-latin-ext.woff2
-var great_vibes_latin_ext_default = "./assets/fonts/great-vibes-latin-ext.woff2";
-
-// src/assets/fonts/great-vibes-latin.woff2
-var great_vibes_latin_default = "./assets/fonts/great-vibes-latin.woff2";
-
-// src/assets/fonts/great-vibes-vietnamese.woff2
-var great_vibes_vietnamese_default = "./assets/fonts/great-vibes-vietnamese.woff2";
-
-// src/assets/fonts/pacifico-cyrillic-ext.woff2
-var pacifico_cyrillic_ext_default = "./assets/fonts/pacifico-cyrillic-ext.woff2";
-
-// src/assets/fonts/pacifico-cyrillic.woff2
-var pacifico_cyrillic_default = "./assets/fonts/pacifico-cyrillic.woff2";
-
-// src/assets/fonts/pacifico-latin-ext.woff2
-var pacifico_latin_ext_default = "./assets/fonts/pacifico-latin-ext.woff2";
-
-// src/assets/fonts/pacifico-latin.woff2
-var pacifico_latin_default = "./assets/fonts/pacifico-latin.woff2";
-
-// src/assets/fonts/pacifico-vietnamese.woff2
-var pacifico_vietnamese_default = "./assets/fonts/pacifico-vietnamese.woff2";
+// src/components/Button/theme.ts
+var theme = {
+  sizes
+};
+var theme_default = theme;
 
-// src/assets/fonts/index.ts
-var alluraLatinExt = assetUrl(allura_latin_ext_default);
-var alluraLatin = assetUrl(allura_latin_default);
-var alluraVietnamese = assetUrl(allura_vietnamese_default);
-var greatVibesCyrillicExt = assetUrl(great_vibes_cyrillic_ext_default);
-var greatVibesCyrillic = assetUrl(great_vibes_cyrillic_default);
-var greatVibesGreekExt = assetUrl(great_vibes_greek_ext_default);
-var greatVibesLatinExt = assetUrl(great_vibes_latin_ext_default);
-var greatVibesLatin = assetUrl(great_vibes_latin_default);
-var greatVibesVietnamese = assetUrl(great_vibes_vietnamese_default);
-var pacificoCyrillicExt = assetUrl(pacifico_cyrillic_ext_default);
-var pacificoCyrillic = assetUrl(pacifico_cyrillic_default);
-var pacificoLatinExt = assetUrl(pacifico_latin_ext_default);
-var pacificoLatin = assetUrl(pacifico_latin_default);
-var pacificoVietnamese = assetUrl(pacifico_vietnamese_default);
+// src/components/theme.ts
+var theme2 = {
+  button: theme_default
+};
+var theme_default2 = theme2;
 
 // src/theme/globals.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-var FontStyles = createGlobalStyle`
+import React2 from "react";
+import { createGlobalStyle } from "styled-components";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+var Allura = createGlobalStyle`
   /* vietnamese */
   @font-face {
     font-family: 'Allura';
     font-style: normal;
     font-weight: 400;
     font-display: block;
-    src: url(${alluraVietnamese}) format('woff2');
+    src: ${({ theme: theme4 }) => `url(${theme4.assetUrl(assets.Allura.alluraVietnamese)})`} format('woff2');
     unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
   }
   /* latin-ext */
@@ -1183,7 +1283,7 @@ var FontStyles = createGlobalStyle`
     font-style: normal;
     font-weight: 400;
     font-display: block;
-    src: url(${alluraLatinExt}) format('woff2');
+    src: ${({ theme: theme4 }) => `url(${theme4.assetUrl(assets.Allura.alluraLatinExt)})`} format('woff2');
     unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
   }
   /* latin */
@@ -1192,16 +1292,20 @@ var FontStyles = createGlobalStyle`
     font-style: normal;
     font-weight: 400;
     font-display: block;
-    src: url(${alluraLatin}) format('woff2');
+    src: ${({ theme: theme4 }) => `url(${theme4.assetUrl(assets.Allura.alluraLatin)})`} format('woff2');
     unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
   }
+`;
+var GreatVibes = createGlobalStyle`
   /* cyrillic-ext */
   @font-face {
     font-family: 'Great Vibes';
     font-style: normal;
     font-weight: 400;
     font-display: block;
-    src: url(${greatVibesCyrillicExt}) format('woff2');
+    src: ${({ theme: theme4 }) => `url(${theme4.assetUrl(
+  assets.GreatVibes.greatVibesCyrillicExt
+)})`} format('woff2');
     unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
   }
   /* cyrillic */
@@ -1210,7 +1314,9 @@ var FontStyles = createGlobalStyle`
     font-style: normal;
     font-weight: 400;
     font-display: block;
-    src: url(${greatVibesCyrillic}) format('woff2');
+    src: ${({ theme: theme4 }) => `url(${theme4.assetUrl(
+  assets.GreatVibes.greatVibesCyrillic
+)})`} format('woff2');
     unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
   }
   /* greek-ext */
@@ -1219,7 +1325,9 @@ var FontStyles = createGlobalStyle`
     font-style: normal;
     font-weight: 400;
     font-display: block;
-    src: url(${greatVibesGreekExt}) format('woff2');
+    src: ${({ theme: theme4 }) => `url(${theme4.assetUrl(
+  assets.GreatVibes.greatVibesGreekExt
+)})`} format('woff2');
     unicode-range: U+1F00-1FFF;
   }
   /* vietnamese */
@@ -1228,7 +1336,9 @@ var FontStyles = createGlobalStyle`
     font-style: normal;
     font-weight: 400;
     font-display: block;
-    src: url(${greatVibesVietnamese}) format('woff2');
+    src: ${({ theme: theme4 }) => `url(${theme4.assetUrl(
+  assets.GreatVibes.greatVibesVietnamese
+)})`} format('woff2');
     unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
   }
   /* latin-ext */
@@ -1237,7 +1347,9 @@ var FontStyles = createGlobalStyle`
     font-style: normal;
     font-weight: 400;
     font-display: block;
-    src: url(${greatVibesLatinExt}) format('woff2');
+    src: ${({ theme: theme4 }) => `url(${theme4.assetUrl(
+  assets.GreatVibes.greatVibesLatinExt
+)})`} format('woff2');
     unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
   }
   /* latin */
@@ -1246,16 +1358,22 @@ var FontStyles = createGlobalStyle`
     font-style: normal;
     font-weight: 400;
     font-display: block;
-    src: url(${greatVibesLatin}) format('woff2');
+    src: ${({ theme: theme4 }) => `url(${theme4.assetUrl(
+  assets.GreatVibes.greatVibesLatin
+)})`} format('woff2');
     unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
   }
+`;
+var Pacifico = createGlobalStyle`
   /* cyrillic-ext */
   @font-face {
     font-family: 'Pacifico';
     font-style: normal;
     font-weight: 400;
     font-display: block;
-    src: url(${pacificoCyrillicExt}) format('woff2');
+    src: ${({ theme: theme4 }) => `url(${theme4.assetUrl(
+  assets.Pacifico.pacificoCyrillicExt
+)})`} format('woff2');
     unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
   }
   /* cyrillic */
@@ -1264,7 +1382,9 @@ var FontStyles = createGlobalStyle`
     font-style: normal;
     font-weight: 400;
     font-display: block;
-    src: url(${pacificoCyrillic}) format('woff2');
+    src: ${({ theme: theme4 }) => `url(${theme4.assetUrl(
+  assets.Pacifico.pacificoCyrillic
+)})`} format('woff2');
     unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
   }
   /* vietnamese */
@@ -1273,7 +1393,9 @@ var FontStyles = createGlobalStyle`
     font-style: normal;
     font-weight: 400;
     font-display: block;
-    src: url(${pacificoVietnamese}) format('woff2');
+    src: ${({ theme: theme4 }) => `url(${theme4.assetUrl(
+  assets.Pacifico.pacificoVietnamese
+)})`} format('woff2');
     unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
   }
   /* latin-ext */
@@ -1282,7 +1404,9 @@ var FontStyles = createGlobalStyle`
     font-style: normal;
     font-weight: 400;
     font-display: block;
-    src: url(${pacificoLatinExt}) format('woff2');
+    src: ${({ theme: theme4 }) => `url(${theme4.assetUrl(
+  assets.Pacifico.pacificoLatinExt
+)})`} format('woff2');
     unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
   }
   /* latin */
@@ -1291,24 +1415,233 @@ var FontStyles = createGlobalStyle`
     font-style: normal;
     font-weight: 400;
     font-display: block;
-    src: url(${pacificoLatin}) format('woff2');
+    src: ${({ theme: theme4 }) => `url(${theme4.assetUrl(assets.Pacifico.pacificoLatin)})`} format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  }
+`;
+var Lato = createGlobalStyle`
+    /* latin-ext */
+  @font-face {
+    font-family: 'Lato';
+    font-style: italic;
+    font-weight: 100;
+    font-display: swap;
+    src: ${({ theme: theme4 }) => `url(${theme4.assetUrl(
+  assets.Lato.latoItalic100LatinExt
+)})`} format('woff2');
+    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+  }
+  /* latin */
+  @font-face {
+    font-family: 'Lato';
+    font-style: italic;
+    font-weight: 100;
+    font-display: swap;
+    src: ${({ theme: theme4 }) => `url(${theme4.assetUrl(assets.Lato.latoItalic100Latin)})`} format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  }
+  /* latin-ext */
+  @font-face {
+    font-family: 'Lato';
+    font-style: italic;
+    font-weight: 300;
+    font-display: swap;
+    src: ${({ theme: theme4 }) => `url(${theme4.assetUrl(
+  assets.Lato.latoItalic300LatinExt
+)})`} format('woff2');
+    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+  }
+  /* latin */
+  @font-face {
+    font-family: 'Lato';
+    font-style: italic;
+    font-weight: 300;
+    font-display: swap;
+    src: ${({ theme: theme4 }) => `url(${theme4.assetUrl(assets.Lato.latoItalic300Latin)})`} format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  }
+  /* latin-ext */
+  @font-face {
+    font-family: 'Lato';
+    font-style: italic;
+    font-weight: 400;
+    font-display: swap;
+    src: ${({ theme: theme4 }) => `url(${theme4.assetUrl(
+  assets.Lato.latoItalic400LatinExt
+)})`} format('woff2');
+    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+  }
+  /* latin */
+  @font-face {
+    font-family: 'Lato';
+    font-style: italic;
+    font-weight: 400;
+    font-display: swap;
+    src: ${({ theme: theme4 }) => `url(${theme4.assetUrl(assets.Lato.latoItalic400Latin)})`} format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  }
+  /* latin-ext */
+  @font-face {
+    font-family: 'Lato';
+    font-style: italic;
+    font-weight: 700;
+    font-display: swap;
+    src: ${({ theme: theme4 }) => `url(${theme4.assetUrl(
+  assets.Lato.latoItalic700LatinExt
+)})`} format('woff2');
+    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+  }
+  /* latin */
+  @font-face {
+    font-family: 'Lato';
+    font-style: italic;
+    font-weight: 700;
+    font-display: swap;
+    src: ${({ theme: theme4 }) => `url(${theme4.assetUrl(assets.Lato.latoItalic700Latin)})`} format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  }
+  /* latin-ext */
+  @font-face {
+    font-family: 'Lato';
+    font-style: italic;
+    font-weight: 900;
+    font-display: swap;
+    src: ${({ theme: theme4 }) => `url(${theme4.assetUrl(
+  assets.Lato.latoItalic900LatinExt
+)})`} format('woff2');
+    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+  }
+  /* latin */
+  @font-face {
+    font-family: 'Lato';
+    font-style: italic;
+    font-weight: 900;
+    font-display: swap;
+    src: ${({ theme: theme4 }) => `url(${theme4.assetUrl(assets.Lato.latoItalic900Latin)})`} format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  }
+  /* latin-ext */
+  @font-face {
+    font-family: 'Lato';
+    font-style: normal;
+    font-weight: 100;
+    font-display: swap;
+    src: ${({ theme: theme4 }) => `url(${theme4.assetUrl(
+  assets.Lato.latoNormal100LatinExt
+)})`} format('woff2');
+    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+  }
+  /* latin */
+  @font-face {
+    font-family: 'Lato';
+    font-style: normal;
+    font-weight: 100;
+    font-display: swap;
+    src: ${({ theme: theme4 }) => `url(${theme4.assetUrl(assets.Lato.latoNormal100Latin)})`} format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  }
+  /* latin-ext */
+  @font-face {
+    font-family: 'Lato';
+    font-style: normal;
+    font-weight: 300;
+    font-display: swap;
+    src: ${({ theme: theme4 }) => `url(${theme4.assetUrl(
+  assets.Lato.latoNormal300LatinExt
+)})`} format('woff2');
+    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+  }
+  /* latin */
+  @font-face {
+    font-family: 'Lato';
+    font-style: normal;
+    font-weight: 300;
+    font-display: swap;
+    src: ${({ theme: theme4 }) => `url(${theme4.assetUrl(assets.Lato.latoNormal300Latin)})`} format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  }
+  /* latin-ext */
+  @font-face {
+    font-family: 'Lato';
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    src: ${({ theme: theme4 }) => `url(${theme4.assetUrl(
+  assets.Lato.latoNormal400LatinExt
+)})`} format('woff2');
+    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+  }
+  /* latin */
+  @font-face {
+    font-family: 'Lato';
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    src: ${({ theme: theme4 }) => `url(${theme4.assetUrl(assets.Lato.latoNormal400Latin)})`} format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  }
+  /* latin-ext */
+  @font-face {
+    font-family: 'Lato';
+    font-style: normal;
+    font-weight: 700;
+    font-display: swap;
+    src: ${({ theme: theme4 }) => `url(${theme4.assetUrl(
+  assets.Lato.latoNormal700LatinExt
+)})`} format('woff2');
+    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+  }
+  /* latin */
+  @font-face {
+    font-family: 'Lato';
+    font-style: normal;
+    font-weight: 700;
+    font-display: swap;
+    src: ${({ theme: theme4 }) => `url(${theme4.assetUrl(assets.Lato.latoNormal700Latin)})`} format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  }
+  /* latin-ext */
+  @font-face {
+    font-family: 'Lato';
+    font-style: normal;
+    font-weight: 900;
+    font-display: swap;
+    src: ${({ theme: theme4 }) => `url(${theme4.assetUrl(
+  assets.Lato.latoNormal900LatinExt
+)})`} format('woff2');
+    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+  }
+  /* latin */
+  @font-face {
+    font-family: 'Lato';
+    font-style: normal;
+    font-weight: 900;
+    font-display: swap;
+    src: ${({ theme: theme4 }) => `url(${theme4.assetUrl(assets.Lato.latoNormal900Latin)})`} format('woff2');
     unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
   }
 `;
 var Globals = () => {
-  return /* @__PURE__ */ jsx4(React2.Fragment, { children: /* @__PURE__ */ jsx4(FontStyles, {}) });
+  return /* @__PURE__ */ jsxs2(React2.Fragment, { children: [
+    /* @__PURE__ */ jsx4(Allura, {}),
+    /* @__PURE__ */ jsx4(GreatVibes, {}),
+    /* @__PURE__ */ jsx4(Pacifico, {}),
+    /* @__PURE__ */ jsx4(Lato, {})
+  ] });
 };
 var globals_default = Globals;
 
 // src/theme/index.tsx
-import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 var getColor = (color, opacity = 100) => `${colors[color]}${opacities[opacity]}`;
 var useTypography = (typography, options = {}) => {
-  const { fontFamily, fontWeight, fontSize } = typographies[typography];
+  const { fontFamily, fontSize, fontWeight, lineHeight, letterSpacing } = typographies[typography];
   return css5`
     font-family: ${fontFamily};
-    font-weight: ${options.fontWeight || fontWeight};
     font-size: ${fontSize};
+    font-weight: ${options.fontWeight || fontWeight};
+    line-height: ${options.lineHeight || lineHeight};
+    letter-spacing: ${options.letterSpacing || letterSpacing};
   `;
 };
 var isDarkColor = (color, ifDark = "white", ifLight = "black") => {
@@ -1321,7 +1654,7 @@ var isDarkColor = (color, ifDark = "white", ifLight = "black") => {
 };
 var theme3 = {
   colors,
-  fonts,
+  fonts: fonts_default,
   spacings,
   typographies,
   getColor,
@@ -1330,7 +1663,13 @@ var theme3 = {
   components: theme_default2
 };
 var ThemeProvider = (props) => {
-  return /* @__PURE__ */ jsxs2(Provider, { theme: theme3, children: [
+  const value = useMemo(() => {
+    return {
+      ...theme3,
+      assetUrl: (asset) => assetUrl(asset, props.assetBaseUrl)
+    };
+  }, [props.assetBaseUrl]);
+  return /* @__PURE__ */ jsxs3(Provider, { theme: value, children: [
     /* @__PURE__ */ jsx5(globals_default, {}),
     props.children
   ] });
@@ -1359,8 +1698,8 @@ var SvgActivity = (props) => /* @__PURE__ */ jsx6(
 var Activity_default = SvgActivity;
 
 // src/assets/icons/feather/Airplay.tsx
-import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
-var SvgAirplay = (props) => /* @__PURE__ */ jsxs3(
+import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+var SvgAirplay = (props) => /* @__PURE__ */ jsxs4(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1383,8 +1722,8 @@ var SvgAirplay = (props) => /* @__PURE__ */ jsxs3(
 var Airplay_default = SvgAirplay;
 
 // src/assets/icons/feather/AlertCircle.tsx
-import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
-var SvgAlertCircle = (props) => /* @__PURE__ */ jsxs4(
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+var SvgAlertCircle = (props) => /* @__PURE__ */ jsxs5(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1533,8 +1872,8 @@ var SvgAlignRight = (props) => /* @__PURE__ */ jsx14(
 var AlignRight_default = SvgAlignRight;
 
 // src/assets/icons/feather/Anchor.tsx
-import { jsx as jsx15, jsxs as jsxs5 } from "react/jsx-runtime";
-var SvgAnchor = (props) => /* @__PURE__ */ jsxs5(
+import { jsx as jsx15, jsxs as jsxs6 } from "react/jsx-runtime";
+var SvgAnchor = (props) => /* @__PURE__ */ jsxs6(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1557,8 +1896,8 @@ var SvgAnchor = (props) => /* @__PURE__ */ jsxs5(
 var Anchor_default = SvgAnchor;
 
 // src/assets/icons/feather/Aperture.tsx
-import { jsx as jsx16, jsxs as jsxs6 } from "react/jsx-runtime";
-var SvgAperture = (props) => /* @__PURE__ */ jsxs6(
+import { jsx as jsx16, jsxs as jsxs7 } from "react/jsx-runtime";
+var SvgAperture = (props) => /* @__PURE__ */ jsxs7(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1623,8 +1962,8 @@ var SvgArrowDown = (props) => /* @__PURE__ */ jsx18(
 var ArrowDown_default = SvgArrowDown;
 
 // src/assets/icons/feather/ArrowDownCircle.tsx
-import { jsx as jsx19, jsxs as jsxs7 } from "react/jsx-runtime";
-var SvgArrowDownCircle = (props) => /* @__PURE__ */ jsxs7(
+import { jsx as jsx19, jsxs as jsxs8 } from "react/jsx-runtime";
+var SvgArrowDownCircle = (props) => /* @__PURE__ */ jsxs8(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1710,8 +2049,8 @@ var SvgArrowLeft = (props) => /* @__PURE__ */ jsx22(
 var ArrowLeft_default = SvgArrowLeft;
 
 // src/assets/icons/feather/ArrowLeftCircle.tsx
-import { jsx as jsx23, jsxs as jsxs8 } from "react/jsx-runtime";
-var SvgArrowLeftCircle = (props) => /* @__PURE__ */ jsxs8(
+import { jsx as jsx23, jsxs as jsxs9 } from "react/jsx-runtime";
+var SvgArrowLeftCircle = (props) => /* @__PURE__ */ jsxs9(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1755,8 +2094,8 @@ var SvgArrowRight = (props) => /* @__PURE__ */ jsx24(
 var ArrowRight_default = SvgArrowRight;
 
 // src/assets/icons/feather/ArrowRightCircle.tsx
-import { jsx as jsx25, jsxs as jsxs9 } from "react/jsx-runtime";
-var SvgArrowRightCircle = (props) => /* @__PURE__ */ jsxs9(
+import { jsx as jsx25, jsxs as jsxs10 } from "react/jsx-runtime";
+var SvgArrowRightCircle = (props) => /* @__PURE__ */ jsxs10(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1800,8 +2139,8 @@ var SvgArrowUp = (props) => /* @__PURE__ */ jsx26(
 var ArrowUp_default = SvgArrowUp;
 
 // src/assets/icons/feather/ArrowUpCircle.tsx
-import { jsx as jsx27, jsxs as jsxs10 } from "react/jsx-runtime";
-var SvgArrowUpCircle = (props) => /* @__PURE__ */ jsxs10(
+import { jsx as jsx27, jsxs as jsxs11 } from "react/jsx-runtime";
+var SvgArrowUpCircle = (props) => /* @__PURE__ */ jsxs11(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1866,8 +2205,8 @@ var SvgArrowUpRight = (props) => /* @__PURE__ */ jsx29(
 var ArrowUpRight_default = SvgArrowUpRight;
 
 // src/assets/icons/feather/AtSign.tsx
-import { jsx as jsx30, jsxs as jsxs11 } from "react/jsx-runtime";
-var SvgAtSign = (props) => /* @__PURE__ */ jsxs11(
+import { jsx as jsx30, jsxs as jsxs12 } from "react/jsx-runtime";
+var SvgAtSign = (props) => /* @__PURE__ */ jsxs12(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1890,8 +2229,8 @@ var SvgAtSign = (props) => /* @__PURE__ */ jsxs11(
 var AtSign_default = SvgAtSign;
 
 // src/assets/icons/feather/Award.tsx
-import { jsx as jsx31, jsxs as jsxs12 } from "react/jsx-runtime";
-var SvgAward = (props) => /* @__PURE__ */ jsxs12(
+import { jsx as jsx31, jsxs as jsxs13 } from "react/jsx-runtime";
+var SvgAward = (props) => /* @__PURE__ */ jsxs13(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1956,8 +2295,8 @@ var SvgBarChart2 = (props) => /* @__PURE__ */ jsx33(
 var BarChart2_default = SvgBarChart2;
 
 // src/assets/icons/feather/Battery.tsx
-import { jsx as jsx34, jsxs as jsxs13 } from "react/jsx-runtime";
-var SvgBattery = (props) => /* @__PURE__ */ jsxs13(
+import { jsx as jsx34, jsxs as jsxs14 } from "react/jsx-runtime";
+var SvgBattery = (props) => /* @__PURE__ */ jsxs14(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2085,8 +2424,8 @@ var SvgBold = (props) => /* @__PURE__ */ jsx39(
 var Bold_default = SvgBold;
 
 // src/assets/icons/feather/Book.tsx
-import { jsx as jsx40, jsxs as jsxs14 } from "react/jsx-runtime";
-var SvgBook = (props) => /* @__PURE__ */ jsxs14(
+import { jsx as jsx40, jsxs as jsxs15 } from "react/jsx-runtime";
+var SvgBook = (props) => /* @__PURE__ */ jsxs15(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2151,8 +2490,8 @@ var SvgBookmark = (props) => /* @__PURE__ */ jsx42(
 var Bookmark_default = SvgBookmark;
 
 // src/assets/icons/feather/Box.tsx
-import { jsx as jsx43, jsxs as jsxs15 } from "react/jsx-runtime";
-var SvgBox = (props) => /* @__PURE__ */ jsxs15(
+import { jsx as jsx43, jsxs as jsxs16 } from "react/jsx-runtime";
+var SvgBox = (props) => /* @__PURE__ */ jsxs16(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2175,8 +2514,8 @@ var SvgBox = (props) => /* @__PURE__ */ jsxs15(
 var Box_default = SvgBox;
 
 // src/assets/icons/feather/Briefcase.tsx
-import { jsx as jsx44, jsxs as jsxs16 } from "react/jsx-runtime";
-var SvgBriefcase = (props) => /* @__PURE__ */ jsxs16(
+import { jsx as jsx44, jsxs as jsxs17 } from "react/jsx-runtime";
+var SvgBriefcase = (props) => /* @__PURE__ */ jsxs17(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2199,8 +2538,8 @@ var SvgBriefcase = (props) => /* @__PURE__ */ jsxs16(
 var Briefcase_default = SvgBriefcase;
 
 // src/assets/icons/feather/Calendar.tsx
-import { jsx as jsx45, jsxs as jsxs17 } from "react/jsx-runtime";
-var SvgCalendar = (props) => /* @__PURE__ */ jsxs17(
+import { jsx as jsx45, jsxs as jsxs18 } from "react/jsx-runtime";
+var SvgCalendar = (props) => /* @__PURE__ */ jsxs18(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2223,8 +2562,8 @@ var SvgCalendar = (props) => /* @__PURE__ */ jsxs17(
 var Calendar_default = SvgCalendar;
 
 // src/assets/icons/feather/Camera.tsx
-import { jsx as jsx46, jsxs as jsxs18 } from "react/jsx-runtime";
-var SvgCamera = (props) => /* @__PURE__ */ jsxs18(
+import { jsx as jsx46, jsxs as jsxs19 } from "react/jsx-runtime";
+var SvgCamera = (props) => /* @__PURE__ */ jsxs19(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2310,8 +2649,8 @@ var SvgCheck = (props) => /* @__PURE__ */ jsx49(
 var Check_default = SvgCheck;
 
 // src/assets/icons/feather/CheckCircle.tsx
-import { jsx as jsx50, jsxs as jsxs19 } from "react/jsx-runtime";
-var SvgCheckCircle = (props) => /* @__PURE__ */ jsxs19(
+import { jsx as jsx50, jsxs as jsxs20 } from "react/jsx-runtime";
+var SvgCheckCircle = (props) => /* @__PURE__ */ jsxs20(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2334,8 +2673,8 @@ var SvgCheckCircle = (props) => /* @__PURE__ */ jsxs19(
 var CheckCircle_default = SvgCheckCircle;
 
 // src/assets/icons/feather/CheckSquare.tsx
-import { jsx as jsx51, jsxs as jsxs20 } from "react/jsx-runtime";
-var SvgCheckSquare = (props) => /* @__PURE__ */ jsxs20(
+import { jsx as jsx51, jsxs as jsxs21 } from "react/jsx-runtime";
+var SvgCheckSquare = (props) => /* @__PURE__ */ jsxs21(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2526,8 +2865,8 @@ var SvgChevronsUp = (props) => /* @__PURE__ */ jsx59(
 var ChevronsUp_default = SvgChevronsUp;
 
 // src/assets/icons/feather/Chrome.tsx
-import { jsx as jsx60, jsxs as jsxs21 } from "react/jsx-runtime";
-var SvgChrome = (props) => /* @__PURE__ */ jsxs21(
+import { jsx as jsx60, jsxs as jsxs22 } from "react/jsx-runtime";
+var SvgChrome = (props) => /* @__PURE__ */ jsxs22(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2572,8 +2911,8 @@ var SvgCircle = (props) => /* @__PURE__ */ jsx61(
 var Circle_default = SvgCircle;
 
 // src/assets/icons/feather/Clipboard.tsx
-import { jsx as jsx62, jsxs as jsxs22 } from "react/jsx-runtime";
-var SvgClipboard = (props) => /* @__PURE__ */ jsxs22(
+import { jsx as jsx62, jsxs as jsxs23 } from "react/jsx-runtime";
+var SvgClipboard = (props) => /* @__PURE__ */ jsxs23(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2596,8 +2935,8 @@ var SvgClipboard = (props) => /* @__PURE__ */ jsxs22(
 var Clipboard_default = SvgClipboard;
 
 // src/assets/icons/feather/Clock.tsx
-import { jsx as jsx63, jsxs as jsxs23 } from "react/jsx-runtime";
-var SvgClock = (props) => /* @__PURE__ */ jsxs23(
+import { jsx as jsx63, jsxs as jsxs24 } from "react/jsx-runtime";
+var SvgClock = (props) => /* @__PURE__ */ jsxs24(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2662,8 +3001,8 @@ var SvgCloudDrizzle = (props) => /* @__PURE__ */ jsx65(
 var CloudDrizzle_default = SvgCloudDrizzle;
 
 // src/assets/icons/feather/CloudLightning.tsx
-import { jsx as jsx66, jsxs as jsxs24 } from "react/jsx-runtime";
-var SvgCloudLightning = (props) => /* @__PURE__ */ jsxs24(
+import { jsx as jsx66, jsxs as jsxs25 } from "react/jsx-runtime";
+var SvgCloudLightning = (props) => /* @__PURE__ */ jsxs25(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2770,8 +3109,8 @@ var SvgCode = (props) => /* @__PURE__ */ jsx70(
 var Code_default = SvgCode;
 
 // src/assets/icons/feather/Codepen.tsx
-import { jsx as jsx71, jsxs as jsxs25 } from "react/jsx-runtime";
-var SvgCodepen = (props) => /* @__PURE__ */ jsxs25(
+import { jsx as jsx71, jsxs as jsxs26 } from "react/jsx-runtime";
+var SvgCodepen = (props) => /* @__PURE__ */ jsxs26(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2795,8 +3134,8 @@ var SvgCodepen = (props) => /* @__PURE__ */ jsxs25(
 var Codepen_default = SvgCodepen;
 
 // src/assets/icons/feather/Codesandbox.tsx
-import { jsx as jsx72, jsxs as jsxs26 } from "react/jsx-runtime";
-var SvgCodesandbox = (props) => /* @__PURE__ */ jsxs26(
+import { jsx as jsx72, jsxs as jsxs27 } from "react/jsx-runtime";
+var SvgCodesandbox = (props) => /* @__PURE__ */ jsxs27(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2882,8 +3221,8 @@ var SvgCommand = (props) => /* @__PURE__ */ jsx75(
 var Command_default = SvgCommand;
 
 // src/assets/icons/feather/Compass.tsx
-import { jsx as jsx76, jsxs as jsxs27 } from "react/jsx-runtime";
-var SvgCompass = (props) => /* @__PURE__ */ jsxs27(
+import { jsx as jsx76, jsxs as jsxs28 } from "react/jsx-runtime";
+var SvgCompass = (props) => /* @__PURE__ */ jsxs28(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2906,8 +3245,8 @@ var SvgCompass = (props) => /* @__PURE__ */ jsxs27(
 var Compass_default = SvgCompass;
 
 // src/assets/icons/feather/Copy.tsx
-import { jsx as jsx77, jsxs as jsxs28 } from "react/jsx-runtime";
-var SvgCopy = (props) => /* @__PURE__ */ jsxs28(
+import { jsx as jsx77, jsxs as jsxs29 } from "react/jsx-runtime";
+var SvgCopy = (props) => /* @__PURE__ */ jsxs29(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2930,8 +3269,8 @@ var SvgCopy = (props) => /* @__PURE__ */ jsxs28(
 var Copy_default = SvgCopy;
 
 // src/assets/icons/feather/CornerDownLeft.tsx
-import { jsx as jsx78, jsxs as jsxs29 } from "react/jsx-runtime";
-var SvgCornerDownLeft = (props) => /* @__PURE__ */ jsxs29(
+import { jsx as jsx78, jsxs as jsxs30 } from "react/jsx-runtime";
+var SvgCornerDownLeft = (props) => /* @__PURE__ */ jsxs30(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2954,8 +3293,8 @@ var SvgCornerDownLeft = (props) => /* @__PURE__ */ jsxs29(
 var CornerDownLeft_default = SvgCornerDownLeft;
 
 // src/assets/icons/feather/CornerDownRight.tsx
-import { jsx as jsx79, jsxs as jsxs30 } from "react/jsx-runtime";
-var SvgCornerDownRight = (props) => /* @__PURE__ */ jsxs30(
+import { jsx as jsx79, jsxs as jsxs31 } from "react/jsx-runtime";
+var SvgCornerDownRight = (props) => /* @__PURE__ */ jsxs31(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2978,8 +3317,8 @@ var SvgCornerDownRight = (props) => /* @__PURE__ */ jsxs30(
 var CornerDownRight_default = SvgCornerDownRight;
 
 // src/assets/icons/feather/CornerLeftDown.tsx
-import { jsx as jsx80, jsxs as jsxs31 } from "react/jsx-runtime";
-var SvgCornerLeftDown = (props) => /* @__PURE__ */ jsxs31(
+import { jsx as jsx80, jsxs as jsxs32 } from "react/jsx-runtime";
+var SvgCornerLeftDown = (props) => /* @__PURE__ */ jsxs32(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3002,8 +3341,8 @@ var SvgCornerLeftDown = (props) => /* @__PURE__ */ jsxs31(
 var CornerLeftDown_default = SvgCornerLeftDown;
 
 // src/assets/icons/feather/CornerLeftUp.tsx
-import { jsx as jsx81, jsxs as jsxs32 } from "react/jsx-runtime";
-var SvgCornerLeftUp = (props) => /* @__PURE__ */ jsxs32(
+import { jsx as jsx81, jsxs as jsxs33 } from "react/jsx-runtime";
+var SvgCornerLeftUp = (props) => /* @__PURE__ */ jsxs33(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3026,8 +3365,8 @@ var SvgCornerLeftUp = (props) => /* @__PURE__ */ jsxs32(
 var CornerLeftUp_default = SvgCornerLeftUp;
 
 // src/assets/icons/feather/CornerRightDown.tsx
-import { jsx as jsx82, jsxs as jsxs33 } from "react/jsx-runtime";
-var SvgCornerRightDown = (props) => /* @__PURE__ */ jsxs33(
+import { jsx as jsx82, jsxs as jsxs34 } from "react/jsx-runtime";
+var SvgCornerRightDown = (props) => /* @__PURE__ */ jsxs34(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3050,8 +3389,8 @@ var SvgCornerRightDown = (props) => /* @__PURE__ */ jsxs33(
 var CornerRightDown_default = SvgCornerRightDown;
 
 // src/assets/icons/feather/CornerRightUp.tsx
-import { jsx as jsx83, jsxs as jsxs34 } from "react/jsx-runtime";
-var SvgCornerRightUp = (props) => /* @__PURE__ */ jsxs34(
+import { jsx as jsx83, jsxs as jsxs35 } from "react/jsx-runtime";
+var SvgCornerRightUp = (props) => /* @__PURE__ */ jsxs35(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3074,8 +3413,8 @@ var SvgCornerRightUp = (props) => /* @__PURE__ */ jsxs34(
 var CornerRightUp_default = SvgCornerRightUp;
 
 // src/assets/icons/feather/CornerUpLeft.tsx
-import { jsx as jsx84, jsxs as jsxs35 } from "react/jsx-runtime";
-var SvgCornerUpLeft = (props) => /* @__PURE__ */ jsxs35(
+import { jsx as jsx84, jsxs as jsxs36 } from "react/jsx-runtime";
+var SvgCornerUpLeft = (props) => /* @__PURE__ */ jsxs36(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3098,8 +3437,8 @@ var SvgCornerUpLeft = (props) => /* @__PURE__ */ jsxs35(
 var CornerUpLeft_default = SvgCornerUpLeft;
 
 // src/assets/icons/feather/CornerUpRight.tsx
-import { jsx as jsx85, jsxs as jsxs36 } from "react/jsx-runtime";
-var SvgCornerUpRight = (props) => /* @__PURE__ */ jsxs36(
+import { jsx as jsx85, jsxs as jsxs37 } from "react/jsx-runtime";
+var SvgCornerUpRight = (props) => /* @__PURE__ */ jsxs37(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3122,8 +3461,8 @@ var SvgCornerUpRight = (props) => /* @__PURE__ */ jsxs36(
 var CornerUpRight_default = SvgCornerUpRight;
 
 // src/assets/icons/feather/Cpu.tsx
-import { jsx as jsx86, jsxs as jsxs37 } from "react/jsx-runtime";
-var SvgCpu = (props) => /* @__PURE__ */ jsxs37(
+import { jsx as jsx86, jsxs as jsxs38 } from "react/jsx-runtime";
+var SvgCpu = (props) => /* @__PURE__ */ jsxs38(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3146,8 +3485,8 @@ var SvgCpu = (props) => /* @__PURE__ */ jsxs37(
 var Cpu_default = SvgCpu;
 
 // src/assets/icons/feather/CreditCard.tsx
-import { jsx as jsx87, jsxs as jsxs38 } from "react/jsx-runtime";
-var SvgCreditCard = (props) => /* @__PURE__ */ jsxs38(
+import { jsx as jsx87, jsxs as jsxs39 } from "react/jsx-runtime";
+var SvgCreditCard = (props) => /* @__PURE__ */ jsxs39(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3170,8 +3509,8 @@ var SvgCreditCard = (props) => /* @__PURE__ */ jsxs38(
 var CreditCard_default = SvgCreditCard;
 
 // src/assets/icons/feather/Crop.tsx
-import { jsx as jsx88, jsxs as jsxs39 } from "react/jsx-runtime";
-var SvgCrop = (props) => /* @__PURE__ */ jsxs39(
+import { jsx as jsx88, jsxs as jsxs40 } from "react/jsx-runtime";
+var SvgCrop = (props) => /* @__PURE__ */ jsxs40(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3194,8 +3533,8 @@ var SvgCrop = (props) => /* @__PURE__ */ jsxs39(
 var Crop_default = SvgCrop;
 
 // src/assets/icons/feather/Crosshair.tsx
-import { jsx as jsx89, jsxs as jsxs40 } from "react/jsx-runtime";
-var SvgCrosshair = (props) => /* @__PURE__ */ jsxs40(
+import { jsx as jsx89, jsxs as jsxs41 } from "react/jsx-runtime";
+var SvgCrosshair = (props) => /* @__PURE__ */ jsxs41(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3218,8 +3557,8 @@ var SvgCrosshair = (props) => /* @__PURE__ */ jsxs40(
 var Crosshair_default = SvgCrosshair;
 
 // src/assets/icons/feather/Database.tsx
-import { jsx as jsx90, jsxs as jsxs41 } from "react/jsx-runtime";
-var SvgDatabase = (props) => /* @__PURE__ */ jsxs41(
+import { jsx as jsx90, jsxs as jsxs42 } from "react/jsx-runtime";
+var SvgDatabase = (props) => /* @__PURE__ */ jsxs42(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3264,8 +3603,8 @@ var SvgDelete = (props) => /* @__PURE__ */ jsx91(
 var Delete_default = SvgDelete;
 
 // src/assets/icons/feather/Disc.tsx
-import { jsx as jsx92, jsxs as jsxs42 } from "react/jsx-runtime";
-var SvgDisc = (props) => /* @__PURE__ */ jsxs42(
+import { jsx as jsx92, jsxs as jsxs43 } from "react/jsx-runtime";
+var SvgDisc = (props) => /* @__PURE__ */ jsxs43(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3288,8 +3627,8 @@ var SvgDisc = (props) => /* @__PURE__ */ jsxs42(
 var Disc_default = SvgDisc;
 
 // src/assets/icons/feather/Divide.tsx
-import { jsx as jsx93, jsxs as jsxs43 } from "react/jsx-runtime";
-var SvgDivide = (props) => /* @__PURE__ */ jsxs43(
+import { jsx as jsx93, jsxs as jsxs44 } from "react/jsx-runtime";
+var SvgDivide = (props) => /* @__PURE__ */ jsxs44(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3313,8 +3652,8 @@ var SvgDivide = (props) => /* @__PURE__ */ jsxs43(
 var Divide_default = SvgDivide;
 
 // src/assets/icons/feather/DivideCircle.tsx
-import { jsx as jsx94, jsxs as jsxs44 } from "react/jsx-runtime";
-var SvgDivideCircle = (props) => /* @__PURE__ */ jsxs44(
+import { jsx as jsx94, jsxs as jsxs45 } from "react/jsx-runtime";
+var SvgDivideCircle = (props) => /* @__PURE__ */ jsxs45(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3337,8 +3676,8 @@ var SvgDivideCircle = (props) => /* @__PURE__ */ jsxs44(
 var DivideCircle_default = SvgDivideCircle;
 
 // src/assets/icons/feather/DivideSquare.tsx
-import { jsx as jsx95, jsxs as jsxs45 } from "react/jsx-runtime";
-var SvgDivideSquare = (props) => /* @__PURE__ */ jsxs45(
+import { jsx as jsx95, jsxs as jsxs46 } from "react/jsx-runtime";
+var SvgDivideSquare = (props) => /* @__PURE__ */ jsxs46(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3403,8 +3742,8 @@ var SvgDownload = (props) => /* @__PURE__ */ jsx97(
 var Download_default = SvgDownload;
 
 // src/assets/icons/feather/DownloadCloud.tsx
-import { jsx as jsx98, jsxs as jsxs46 } from "react/jsx-runtime";
-var SvgDownloadCloud = (props) => /* @__PURE__ */ jsxs46(
+import { jsx as jsx98, jsxs as jsxs47 } from "react/jsx-runtime";
+var SvgDownloadCloud = (props) => /* @__PURE__ */ jsxs47(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3427,8 +3766,8 @@ var SvgDownloadCloud = (props) => /* @__PURE__ */ jsxs46(
 var DownloadCloud_default = SvgDownloadCloud;
 
 // src/assets/icons/feather/Dribbble.tsx
-import { jsx as jsx99, jsxs as jsxs47 } from "react/jsx-runtime";
-var SvgDribbble = (props) => /* @__PURE__ */ jsxs47(
+import { jsx as jsx99, jsxs as jsxs48 } from "react/jsx-runtime";
+var SvgDribbble = (props) => /* @__PURE__ */ jsxs48(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3472,8 +3811,8 @@ var SvgDroplet = (props) => /* @__PURE__ */ jsx100(
 var Droplet_default = SvgDroplet;
 
 // src/assets/icons/feather/Edit.tsx
-import { jsx as jsx101, jsxs as jsxs48 } from "react/jsx-runtime";
-var SvgEdit = (props) => /* @__PURE__ */ jsxs48(
+import { jsx as jsx101, jsxs as jsxs49 } from "react/jsx-runtime";
+var SvgEdit = (props) => /* @__PURE__ */ jsxs49(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3559,8 +3898,8 @@ var SvgExternalLink = (props) => /* @__PURE__ */ jsx104(
 var ExternalLink_default = SvgExternalLink;
 
 // src/assets/icons/feather/Eye.tsx
-import { jsx as jsx105, jsxs as jsxs49 } from "react/jsx-runtime";
-var SvgEye = (props) => /* @__PURE__ */ jsxs49(
+import { jsx as jsx105, jsxs as jsxs50 } from "react/jsx-runtime";
+var SvgEye = (props) => /* @__PURE__ */ jsxs50(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3667,8 +4006,8 @@ var SvgFeather = (props) => /* @__PURE__ */ jsx109(
 var Feather_default = SvgFeather;
 
 // src/assets/icons/feather/Figma.tsx
-import { jsx as jsx110, jsxs as jsxs50 } from "react/jsx-runtime";
-var SvgFigma = (props) => /* @__PURE__ */ jsxs50(
+import { jsx as jsx110, jsxs as jsxs51 } from "react/jsx-runtime";
+var SvgFigma = (props) => /* @__PURE__ */ jsxs51(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3691,8 +4030,8 @@ var SvgFigma = (props) => /* @__PURE__ */ jsxs50(
 var Figma_default = SvgFigma;
 
 // src/assets/icons/feather/File.tsx
-import { jsx as jsx111, jsxs as jsxs51 } from "react/jsx-runtime";
-var SvgFile = (props) => /* @__PURE__ */ jsxs51(
+import { jsx as jsx111, jsxs as jsxs52 } from "react/jsx-runtime";
+var SvgFile = (props) => /* @__PURE__ */ jsxs52(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3715,8 +4054,8 @@ var SvgFile = (props) => /* @__PURE__ */ jsxs51(
 var File_default = SvgFile;
 
 // src/assets/icons/feather/FileMinus.tsx
-import { jsx as jsx112, jsxs as jsxs52 } from "react/jsx-runtime";
-var SvgFileMinus = (props) => /* @__PURE__ */ jsxs52(
+import { jsx as jsx112, jsxs as jsxs53 } from "react/jsx-runtime";
+var SvgFileMinus = (props) => /* @__PURE__ */ jsxs53(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3739,8 +4078,8 @@ var SvgFileMinus = (props) => /* @__PURE__ */ jsxs52(
 var FileMinus_default = SvgFileMinus;
 
 // src/assets/icons/feather/FilePlus.tsx
-import { jsx as jsx113, jsxs as jsxs53 } from "react/jsx-runtime";
-var SvgFilePlus = (props) => /* @__PURE__ */ jsxs53(
+import { jsx as jsx113, jsxs as jsxs54 } from "react/jsx-runtime";
+var SvgFilePlus = (props) => /* @__PURE__ */ jsxs54(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3763,8 +4102,8 @@ var SvgFilePlus = (props) => /* @__PURE__ */ jsxs53(
 var FilePlus_default = SvgFilePlus;
 
 // src/assets/icons/feather/FileText.tsx
-import { jsx as jsx114, jsxs as jsxs54 } from "react/jsx-runtime";
-var SvgFileText = (props) => /* @__PURE__ */ jsxs54(
+import { jsx as jsx114, jsxs as jsxs55 } from "react/jsx-runtime";
+var SvgFileText = (props) => /* @__PURE__ */ jsxs55(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3787,8 +4126,8 @@ var SvgFileText = (props) => /* @__PURE__ */ jsxs54(
 var FileText_default = SvgFileText;
 
 // src/assets/icons/feather/Film.tsx
-import { jsx as jsx115, jsxs as jsxs55 } from "react/jsx-runtime";
-var SvgFilm = (props) => /* @__PURE__ */ jsxs55(
+import { jsx as jsx115, jsxs as jsxs56 } from "react/jsx-runtime";
+var SvgFilm = (props) => /* @__PURE__ */ jsxs56(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3937,8 +4276,8 @@ var SvgFramer = (props) => /* @__PURE__ */ jsx121(
 var Framer_default = SvgFramer;
 
 // src/assets/icons/feather/Frown.tsx
-import { jsx as jsx122, jsxs as jsxs56 } from "react/jsx-runtime";
-var SvgFrown = (props) => /* @__PURE__ */ jsxs56(
+import { jsx as jsx122, jsxs as jsxs57 } from "react/jsx-runtime";
+var SvgFrown = (props) => /* @__PURE__ */ jsxs57(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3982,8 +4321,8 @@ var SvgGift = (props) => /* @__PURE__ */ jsx123(
 var Gift_default = SvgGift;
 
 // src/assets/icons/feather/GitBranch.tsx
-import { jsx as jsx124, jsxs as jsxs57 } from "react/jsx-runtime";
-var SvgGitBranch = (props) => /* @__PURE__ */ jsxs57(
+import { jsx as jsx124, jsxs as jsxs58 } from "react/jsx-runtime";
+var SvgGitBranch = (props) => /* @__PURE__ */ jsxs58(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4008,8 +4347,8 @@ var SvgGitBranch = (props) => /* @__PURE__ */ jsxs57(
 var GitBranch_default = SvgGitBranch;
 
 // src/assets/icons/feather/GitCommit.tsx
-import { jsx as jsx125, jsxs as jsxs58 } from "react/jsx-runtime";
-var SvgGitCommit = (props) => /* @__PURE__ */ jsxs58(
+import { jsx as jsx125, jsxs as jsxs59 } from "react/jsx-runtime";
+var SvgGitCommit = (props) => /* @__PURE__ */ jsxs59(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4032,8 +4371,8 @@ var SvgGitCommit = (props) => /* @__PURE__ */ jsxs58(
 var GitCommit_default = SvgGitCommit;
 
 // src/assets/icons/feather/GitMerge.tsx
-import { jsx as jsx126, jsxs as jsxs59 } from "react/jsx-runtime";
-var SvgGitMerge = (props) => /* @__PURE__ */ jsxs59(
+import { jsx as jsx126, jsxs as jsxs60 } from "react/jsx-runtime";
+var SvgGitMerge = (props) => /* @__PURE__ */ jsxs60(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4057,8 +4396,8 @@ var SvgGitMerge = (props) => /* @__PURE__ */ jsxs59(
 var GitMerge_default = SvgGitMerge;
 
 // src/assets/icons/feather/GitPullRequest.tsx
-import { jsx as jsx127, jsxs as jsxs60 } from "react/jsx-runtime";
-var SvgGitPullRequest = (props) => /* @__PURE__ */ jsxs60(
+import { jsx as jsx127, jsxs as jsxs61 } from "react/jsx-runtime";
+var SvgGitPullRequest = (props) => /* @__PURE__ */ jsxs61(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4124,8 +4463,8 @@ var SvgGitlab = (props) => /* @__PURE__ */ jsx129(
 var Gitlab_default = SvgGitlab;
 
 // src/assets/icons/feather/Globe.tsx
-import { jsx as jsx130, jsxs as jsxs61 } from "react/jsx-runtime";
-var SvgGlobe = (props) => /* @__PURE__ */ jsxs61(
+import { jsx as jsx130, jsxs as jsxs62 } from "react/jsx-runtime";
+var SvgGlobe = (props) => /* @__PURE__ */ jsxs62(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4211,8 +4550,8 @@ var SvgHash = (props) => /* @__PURE__ */ jsx133(
 var Hash_default = SvgHash;
 
 // src/assets/icons/feather/Headphones.tsx
-import { jsx as jsx134, jsxs as jsxs62 } from "react/jsx-runtime";
-var SvgHeadphones = (props) => /* @__PURE__ */ jsxs62(
+import { jsx as jsx134, jsxs as jsxs63 } from "react/jsx-runtime";
+var SvgHeadphones = (props) => /* @__PURE__ */ jsxs63(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4256,8 +4595,8 @@ var SvgHeart = (props) => /* @__PURE__ */ jsx135(
 var Heart_default = SvgHeart;
 
 // src/assets/icons/feather/HelpCircle.tsx
-import { jsx as jsx136, jsxs as jsxs63 } from "react/jsx-runtime";
-var SvgHelpCircle = (props) => /* @__PURE__ */ jsxs63(
+import { jsx as jsx136, jsxs as jsxs64 } from "react/jsx-runtime";
+var SvgHelpCircle = (props) => /* @__PURE__ */ jsxs64(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4301,8 +4640,8 @@ var SvgHexagon = (props) => /* @__PURE__ */ jsx137(
 var Hexagon_default = SvgHexagon;
 
 // src/assets/icons/feather/Home.tsx
-import { jsx as jsx138, jsxs as jsxs64 } from "react/jsx-runtime";
-var SvgHome = (props) => /* @__PURE__ */ jsxs64(
+import { jsx as jsx138, jsxs as jsxs65 } from "react/jsx-runtime";
+var SvgHome = (props) => /* @__PURE__ */ jsxs65(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4325,8 +4664,8 @@ var SvgHome = (props) => /* @__PURE__ */ jsxs64(
 var Home_default = SvgHome;
 
 // src/assets/icons/feather/Image.tsx
-import { jsx as jsx139, jsxs as jsxs65 } from "react/jsx-runtime";
-var SvgImage = (props) => /* @__PURE__ */ jsxs65(
+import { jsx as jsx139, jsxs as jsxs66 } from "react/jsx-runtime";
+var SvgImage = (props) => /* @__PURE__ */ jsxs66(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4350,8 +4689,8 @@ var SvgImage = (props) => /* @__PURE__ */ jsxs65(
 var Image_default = SvgImage;
 
 // src/assets/icons/feather/Inbox.tsx
-import { jsx as jsx140, jsxs as jsxs66 } from "react/jsx-runtime";
-var SvgInbox = (props) => /* @__PURE__ */ jsxs66(
+import { jsx as jsx140, jsxs as jsxs67 } from "react/jsx-runtime";
+var SvgInbox = (props) => /* @__PURE__ */ jsxs67(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4374,8 +4713,8 @@ var SvgInbox = (props) => /* @__PURE__ */ jsxs66(
 var Inbox_default = SvgInbox;
 
 // src/assets/icons/feather/Info.tsx
-import { jsx as jsx141, jsxs as jsxs67 } from "react/jsx-runtime";
-var SvgInfo = (props) => /* @__PURE__ */ jsxs67(
+import { jsx as jsx141, jsxs as jsxs68 } from "react/jsx-runtime";
+var SvgInfo = (props) => /* @__PURE__ */ jsxs68(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4398,8 +4737,8 @@ var SvgInfo = (props) => /* @__PURE__ */ jsxs67(
 var Info_default = SvgInfo;
 
 // src/assets/icons/feather/Instagram.tsx
-import { jsx as jsx142, jsxs as jsxs68 } from "react/jsx-runtime";
-var SvgInstagram = (props) => /* @__PURE__ */ jsxs68(
+import { jsx as jsx142, jsxs as jsxs69 } from "react/jsx-runtime";
+var SvgInstagram = (props) => /* @__PURE__ */ jsxs69(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4485,8 +4824,8 @@ var SvgLayers = (props) => /* @__PURE__ */ jsx145(
 var Layers_default = SvgLayers;
 
 // src/assets/icons/feather/Layout.tsx
-import { jsx as jsx146, jsxs as jsxs69 } from "react/jsx-runtime";
-var SvgLayout = (props) => /* @__PURE__ */ jsxs69(
+import { jsx as jsx146, jsxs as jsxs70 } from "react/jsx-runtime";
+var SvgLayout = (props) => /* @__PURE__ */ jsxs70(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4509,8 +4848,8 @@ var SvgLayout = (props) => /* @__PURE__ */ jsxs69(
 var Layout_default = SvgLayout;
 
 // src/assets/icons/feather/LifeBuoy.tsx
-import { jsx as jsx147, jsxs as jsxs70 } from "react/jsx-runtime";
-var SvgLifeBuoy = (props) => /* @__PURE__ */ jsxs70(
+import { jsx as jsx147, jsxs as jsxs71 } from "react/jsx-runtime";
+var SvgLifeBuoy = (props) => /* @__PURE__ */ jsxs71(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4534,8 +4873,8 @@ var SvgLifeBuoy = (props) => /* @__PURE__ */ jsxs70(
 var LifeBuoy_default = SvgLifeBuoy;
 
 // src/assets/icons/feather/Link.tsx
-import { jsx as jsx148, jsxs as jsxs71 } from "react/jsx-runtime";
-var SvgLink = (props) => /* @__PURE__ */ jsxs71(
+import { jsx as jsx148, jsxs as jsxs72 } from "react/jsx-runtime";
+var SvgLink = (props) => /* @__PURE__ */ jsxs72(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4579,8 +4918,8 @@ var SvgLink2 = (props) => /* @__PURE__ */ jsx149(
 var Link2_default = SvgLink2;
 
 // src/assets/icons/feather/Linkedin.tsx
-import { jsx as jsx150, jsxs as jsxs72 } from "react/jsx-runtime";
-var SvgLinkedin = (props) => /* @__PURE__ */ jsxs72(
+import { jsx as jsx150, jsxs as jsxs73 } from "react/jsx-runtime";
+var SvgLinkedin = (props) => /* @__PURE__ */ jsxs73(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4645,8 +4984,8 @@ var SvgLoader = (props) => /* @__PURE__ */ jsx152(
 var Loader_default2 = SvgLoader;
 
 // src/assets/icons/feather/Lock.tsx
-import { jsx as jsx153, jsxs as jsxs73 } from "react/jsx-runtime";
-var SvgLock = (props) => /* @__PURE__ */ jsxs73(
+import { jsx as jsx153, jsxs as jsxs74 } from "react/jsx-runtime";
+var SvgLock = (props) => /* @__PURE__ */ jsxs74(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4711,8 +5050,8 @@ var SvgLogOut = (props) => /* @__PURE__ */ jsx155(
 var LogOut_default = SvgLogOut;
 
 // src/assets/icons/feather/Mail.tsx
-import { jsx as jsx156, jsxs as jsxs74 } from "react/jsx-runtime";
-var SvgMail = (props) => /* @__PURE__ */ jsxs74(
+import { jsx as jsx156, jsxs as jsxs75 } from "react/jsx-runtime";
+var SvgMail = (props) => /* @__PURE__ */ jsxs75(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4756,8 +5095,8 @@ var SvgMap = (props) => /* @__PURE__ */ jsx157(
 var Map_default = SvgMap;
 
 // src/assets/icons/feather/MapPin.tsx
-import { jsx as jsx158, jsxs as jsxs75 } from "react/jsx-runtime";
-var SvgMapPin = (props) => /* @__PURE__ */ jsxs75(
+import { jsx as jsx158, jsxs as jsxs76 } from "react/jsx-runtime";
+var SvgMapPin = (props) => /* @__PURE__ */ jsxs76(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4822,8 +5161,8 @@ var SvgMaximize2 = (props) => /* @__PURE__ */ jsx160(
 var Maximize2_default = SvgMaximize2;
 
 // src/assets/icons/feather/Meh.tsx
-import { jsx as jsx161, jsxs as jsxs76 } from "react/jsx-runtime";
-var SvgMeh = (props) => /* @__PURE__ */ jsxs76(
+import { jsx as jsx161, jsxs as jsxs77 } from "react/jsx-runtime";
+var SvgMeh = (props) => /* @__PURE__ */ jsxs77(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4909,8 +5248,8 @@ var SvgMessageSquare = (props) => /* @__PURE__ */ jsx164(
 var MessageSquare_default = SvgMessageSquare;
 
 // src/assets/icons/feather/Mic.tsx
-import { jsx as jsx165, jsxs as jsxs77 } from "react/jsx-runtime";
-var SvgMic = (props) => /* @__PURE__ */ jsxs77(
+import { jsx as jsx165, jsxs as jsxs78 } from "react/jsx-runtime";
+var SvgMic = (props) => /* @__PURE__ */ jsxs78(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4933,8 +5272,8 @@ var SvgMic = (props) => /* @__PURE__ */ jsxs77(
 var Mic_default = SvgMic;
 
 // src/assets/icons/feather/MicOff.tsx
-import { jsx as jsx166, jsxs as jsxs78 } from "react/jsx-runtime";
-var SvgMicOff = (props) => /* @__PURE__ */ jsxs78(
+import { jsx as jsx166, jsxs as jsxs79 } from "react/jsx-runtime";
+var SvgMicOff = (props) => /* @__PURE__ */ jsxs79(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5020,8 +5359,8 @@ var SvgMinus = (props) => /* @__PURE__ */ jsx169(
 var Minus_default = SvgMinus;
 
 // src/assets/icons/feather/MinusCircle.tsx
-import { jsx as jsx170, jsxs as jsxs79 } from "react/jsx-runtime";
-var SvgMinusCircle = (props) => /* @__PURE__ */ jsxs79(
+import { jsx as jsx170, jsxs as jsxs80 } from "react/jsx-runtime";
+var SvgMinusCircle = (props) => /* @__PURE__ */ jsxs80(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5044,8 +5383,8 @@ var SvgMinusCircle = (props) => /* @__PURE__ */ jsxs79(
 var MinusCircle_default = SvgMinusCircle;
 
 // src/assets/icons/feather/MinusSquare.tsx
-import { jsx as jsx171, jsxs as jsxs80 } from "react/jsx-runtime";
-var SvgMinusSquare = (props) => /* @__PURE__ */ jsxs80(
+import { jsx as jsx171, jsxs as jsxs81 } from "react/jsx-runtime";
+var SvgMinusSquare = (props) => /* @__PURE__ */ jsxs81(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5068,8 +5407,8 @@ var SvgMinusSquare = (props) => /* @__PURE__ */ jsxs80(
 var MinusSquare_default = SvgMinusSquare;
 
 // src/assets/icons/feather/Monitor.tsx
-import { jsx as jsx172, jsxs as jsxs81 } from "react/jsx-runtime";
-var SvgMonitor = (props) => /* @__PURE__ */ jsxs81(
+import { jsx as jsx172, jsxs as jsxs82 } from "react/jsx-runtime";
+var SvgMonitor = (props) => /* @__PURE__ */ jsxs82(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5113,8 +5452,8 @@ var SvgMoon = (props) => /* @__PURE__ */ jsx173(
 var Moon_default = SvgMoon;
 
 // src/assets/icons/feather/MoreHorizontal.tsx
-import { jsx as jsx174, jsxs as jsxs82 } from "react/jsx-runtime";
-var SvgMoreHorizontal = (props) => /* @__PURE__ */ jsxs82(
+import { jsx as jsx174, jsxs as jsxs83 } from "react/jsx-runtime";
+var SvgMoreHorizontal = (props) => /* @__PURE__ */ jsxs83(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5138,8 +5477,8 @@ var SvgMoreHorizontal = (props) => /* @__PURE__ */ jsxs82(
 var MoreHorizontal_default = SvgMoreHorizontal;
 
 // src/assets/icons/feather/MoreVertical.tsx
-import { jsx as jsx175, jsxs as jsxs83 } from "react/jsx-runtime";
-var SvgMoreVertical = (props) => /* @__PURE__ */ jsxs83(
+import { jsx as jsx175, jsxs as jsxs84 } from "react/jsx-runtime";
+var SvgMoreVertical = (props) => /* @__PURE__ */ jsxs84(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5205,8 +5544,8 @@ var SvgMove = (props) => /* @__PURE__ */ jsx177(
 var Move_default = SvgMove;
 
 // src/assets/icons/feather/Music.tsx
-import { jsx as jsx178, jsxs as jsxs84 } from "react/jsx-runtime";
-var SvgMusic = (props) => /* @__PURE__ */ jsxs84(
+import { jsx as jsx178, jsxs as jsxs85 } from "react/jsx-runtime";
+var SvgMusic = (props) => /* @__PURE__ */ jsxs85(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5293,8 +5632,8 @@ var SvgOctagon = (props) => /* @__PURE__ */ jsx181(
 var Octagon_default = SvgOctagon;
 
 // src/assets/icons/feather/Package.tsx
-import { jsx as jsx182, jsxs as jsxs85 } from "react/jsx-runtime";
-var SvgPackage = (props) => /* @__PURE__ */ jsxs85(
+import { jsx as jsx182, jsxs as jsxs86 } from "react/jsx-runtime";
+var SvgPackage = (props) => /* @__PURE__ */ jsxs86(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5359,8 +5698,8 @@ var SvgPause = (props) => /* @__PURE__ */ jsx184(
 var Pause_default = SvgPause;
 
 // src/assets/icons/feather/PauseCircle.tsx
-import { jsx as jsx185, jsxs as jsxs86 } from "react/jsx-runtime";
-var SvgPauseCircle = (props) => /* @__PURE__ */ jsxs86(
+import { jsx as jsx185, jsxs as jsxs87 } from "react/jsx-runtime";
+var SvgPauseCircle = (props) => /* @__PURE__ */ jsxs87(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5383,8 +5722,8 @@ var SvgPauseCircle = (props) => /* @__PURE__ */ jsxs86(
 var PauseCircle_default = SvgPauseCircle;
 
 // src/assets/icons/feather/PenTool.tsx
-import { jsx as jsx186, jsxs as jsxs87 } from "react/jsx-runtime";
-var SvgPenTool = (props) => /* @__PURE__ */ jsxs87(
+import { jsx as jsx186, jsxs as jsxs88 } from "react/jsx-runtime";
+var SvgPenTool = (props) => /* @__PURE__ */ jsxs88(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5408,8 +5747,8 @@ var SvgPenTool = (props) => /* @__PURE__ */ jsxs87(
 var PenTool_default = SvgPenTool;
 
 // src/assets/icons/feather/Percent.tsx
-import { jsx as jsx187, jsxs as jsxs88 } from "react/jsx-runtime";
-var SvgPercent = (props) => /* @__PURE__ */ jsxs88(
+import { jsx as jsx187, jsxs as jsxs89 } from "react/jsx-runtime";
+var SvgPercent = (props) => /* @__PURE__ */ jsxs89(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5580,8 +5919,8 @@ var SvgPhoneOutgoing = (props) => /* @__PURE__ */ jsx194(
 var PhoneOutgoing_default = SvgPhoneOutgoing;
 
 // src/assets/icons/feather/PieChart.tsx
-import { jsx as jsx195, jsxs as jsxs89 } from "react/jsx-runtime";
-var SvgPieChart = (props) => /* @__PURE__ */ jsxs89(
+import { jsx as jsx195, jsxs as jsxs90 } from "react/jsx-runtime";
+var SvgPieChart = (props) => /* @__PURE__ */ jsxs90(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5625,8 +5964,8 @@ var SvgPlay = (props) => /* @__PURE__ */ jsx196(
 var Play_default = SvgPlay;
 
 // src/assets/icons/feather/PlayCircle.tsx
-import { jsx as jsx197, jsxs as jsxs90 } from "react/jsx-runtime";
-var SvgPlayCircle = (props) => /* @__PURE__ */ jsxs90(
+import { jsx as jsx197, jsxs as jsxs91 } from "react/jsx-runtime";
+var SvgPlayCircle = (props) => /* @__PURE__ */ jsxs91(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5670,8 +6009,8 @@ var SvgPlus = (props) => /* @__PURE__ */ jsx198(
 var Plus_default = SvgPlus;
 
 // src/assets/icons/feather/PlusCircle.tsx
-import { jsx as jsx199, jsxs as jsxs91 } from "react/jsx-runtime";
-var SvgPlusCircle = (props) => /* @__PURE__ */ jsxs91(
+import { jsx as jsx199, jsxs as jsxs92 } from "react/jsx-runtime";
+var SvgPlusCircle = (props) => /* @__PURE__ */ jsxs92(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5694,8 +6033,8 @@ var SvgPlusCircle = (props) => /* @__PURE__ */ jsxs91(
 var PlusCircle_default = SvgPlusCircle;
 
 // src/assets/icons/feather/PlusSquare.tsx
-import { jsx as jsx200, jsxs as jsxs92 } from "react/jsx-runtime";
-var SvgPlusSquare = (props) => /* @__PURE__ */ jsxs92(
+import { jsx as jsx200, jsxs as jsxs93 } from "react/jsx-runtime";
+var SvgPlusSquare = (props) => /* @__PURE__ */ jsxs93(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5718,8 +6057,8 @@ var SvgPlusSquare = (props) => /* @__PURE__ */ jsxs92(
 var PlusSquare_default = SvgPlusSquare;
 
 // src/assets/icons/feather/Pocket.tsx
-import { jsx as jsx201, jsxs as jsxs93 } from "react/jsx-runtime";
-var SvgPocket = (props) => /* @__PURE__ */ jsxs93(
+import { jsx as jsx201, jsxs as jsxs94 } from "react/jsx-runtime";
+var SvgPocket = (props) => /* @__PURE__ */ jsxs94(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5763,8 +6102,8 @@ var SvgPower = (props) => /* @__PURE__ */ jsx202(
 var Power_default = SvgPower;
 
 // src/assets/icons/feather/Printer.tsx
-import { jsx as jsx203, jsxs as jsxs94 } from "react/jsx-runtime";
-var SvgPrinter = (props) => /* @__PURE__ */ jsxs94(
+import { jsx as jsx203, jsxs as jsxs95 } from "react/jsx-runtime";
+var SvgPrinter = (props) => /* @__PURE__ */ jsxs95(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5787,8 +6126,8 @@ var SvgPrinter = (props) => /* @__PURE__ */ jsxs94(
 var Printer_default = SvgPrinter;
 
 // src/assets/icons/feather/Radio.tsx
-import { jsx as jsx204, jsxs as jsxs95 } from "react/jsx-runtime";
-var SvgRadio = (props) => /* @__PURE__ */ jsxs95(
+import { jsx as jsx204, jsxs as jsxs96 } from "react/jsx-runtime";
+var SvgRadio = (props) => /* @__PURE__ */ jsxs96(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5811,8 +6150,8 @@ var SvgRadio = (props) => /* @__PURE__ */ jsxs95(
 var Radio_default = SvgRadio;
 
 // src/assets/icons/feather/RefreshCcw.tsx
-import { jsx as jsx205, jsxs as jsxs96 } from "react/jsx-runtime";
-var SvgRefreshCcw = (props) => /* @__PURE__ */ jsxs96(
+import { jsx as jsx205, jsxs as jsxs97 } from "react/jsx-runtime";
+var SvgRefreshCcw = (props) => /* @__PURE__ */ jsxs97(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5835,8 +6174,8 @@ var SvgRefreshCcw = (props) => /* @__PURE__ */ jsxs96(
 var RefreshCcw_default = SvgRefreshCcw;
 
 // src/assets/icons/feather/RefreshCw.tsx
-import { jsx as jsx206, jsxs as jsxs97 } from "react/jsx-runtime";
-var SvgRefreshCw = (props) => /* @__PURE__ */ jsxs97(
+import { jsx as jsx206, jsxs as jsxs98 } from "react/jsx-runtime";
+var SvgRefreshCw = (props) => /* @__PURE__ */ jsxs98(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5859,8 +6198,8 @@ var SvgRefreshCw = (props) => /* @__PURE__ */ jsxs97(
 var RefreshCw_default = SvgRefreshCw;
 
 // src/assets/icons/feather/Repeat.tsx
-import { jsx as jsx207, jsxs as jsxs98 } from "react/jsx-runtime";
-var SvgRepeat = (props) => /* @__PURE__ */ jsxs98(
+import { jsx as jsx207, jsxs as jsxs99 } from "react/jsx-runtime";
+var SvgRepeat = (props) => /* @__PURE__ */ jsxs99(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5905,8 +6244,8 @@ var SvgRewind = (props) => /* @__PURE__ */ jsx208(
 var Rewind_default = SvgRewind;
 
 // src/assets/icons/feather/RotateCcw.tsx
-import { jsx as jsx209, jsxs as jsxs99 } from "react/jsx-runtime";
-var SvgRotateCcw = (props) => /* @__PURE__ */ jsxs99(
+import { jsx as jsx209, jsxs as jsxs100 } from "react/jsx-runtime";
+var SvgRotateCcw = (props) => /* @__PURE__ */ jsxs100(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5929,8 +6268,8 @@ var SvgRotateCcw = (props) => /* @__PURE__ */ jsxs99(
 var RotateCcw_default = SvgRotateCcw;
 
 // src/assets/icons/feather/RotateCw.tsx
-import { jsx as jsx210, jsxs as jsxs100 } from "react/jsx-runtime";
-var SvgRotateCw = (props) => /* @__PURE__ */ jsxs100(
+import { jsx as jsx210, jsxs as jsxs101 } from "react/jsx-runtime";
+var SvgRotateCw = (props) => /* @__PURE__ */ jsxs101(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5953,8 +6292,8 @@ var SvgRotateCw = (props) => /* @__PURE__ */ jsxs100(
 var RotateCw_default = SvgRotateCw;
 
 // src/assets/icons/feather/Rss.tsx
-import { jsx as jsx211, jsxs as jsxs101 } from "react/jsx-runtime";
-var SvgRss = (props) => /* @__PURE__ */ jsxs101(
+import { jsx as jsx211, jsxs as jsxs102 } from "react/jsx-runtime";
+var SvgRss = (props) => /* @__PURE__ */ jsxs102(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5977,8 +6316,8 @@ var SvgRss = (props) => /* @__PURE__ */ jsxs101(
 var Rss_default = SvgRss;
 
 // src/assets/icons/feather/Save.tsx
-import { jsx as jsx212, jsxs as jsxs102 } from "react/jsx-runtime";
-var SvgSave = (props) => /* @__PURE__ */ jsxs102(
+import { jsx as jsx212, jsxs as jsxs103 } from "react/jsx-runtime";
+var SvgSave = (props) => /* @__PURE__ */ jsxs103(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -6001,8 +6340,8 @@ var SvgSave = (props) => /* @__PURE__ */ jsxs102(
 var Save_default = SvgSave;
 
 // src/assets/icons/feather/Scissors.tsx
-import { jsx as jsx213, jsxs as jsxs103 } from "react/jsx-runtime";
-var SvgScissors = (props) => /* @__PURE__ */ jsxs103(
+import { jsx as jsx213, jsxs as jsxs104 } from "react/jsx-runtime";
+var SvgScissors = (props) => /* @__PURE__ */ jsxs104(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -6026,8 +6365,8 @@ var SvgScissors = (props) => /* @__PURE__ */ jsxs103(
 var Scissors_default = SvgScissors;
 
 // src/assets/icons/feather/Search.tsx
-import { jsx as jsx214, jsxs as jsxs104 } from "react/jsx-runtime";
-var SvgSearch = (props) => /* @__PURE__ */ jsxs104(
+import { jsx as jsx214, jsxs as jsxs105 } from "react/jsx-runtime";
+var SvgSearch = (props) => /* @__PURE__ */ jsxs105(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -6071,8 +6410,8 @@ var SvgSend = (props) => /* @__PURE__ */ jsx215(
 var Send_default = SvgSend;
 
 // src/assets/icons/feather/Server.tsx
-import { jsx as jsx216, jsxs as jsxs105 } from "react/jsx-runtime";
-var SvgServer = (props) => /* @__PURE__ */ jsxs105(
+import { jsx as jsx216, jsxs as jsxs106 } from "react/jsx-runtime";
+var SvgServer = (props) => /* @__PURE__ */ jsxs106(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -6096,8 +6435,8 @@ var SvgServer = (props) => /* @__PURE__ */ jsxs105(
 var Server_default = SvgServer;
 
 // src/assets/icons/feather/Settings.tsx
-import { jsx as jsx217, jsxs as jsxs106 } from "react/jsx-runtime";
-var SvgSettings = (props) => /* @__PURE__ */ jsxs106(
+import { jsx as jsx217, jsxs as jsxs107 } from "react/jsx-runtime";
+var SvgSettings = (props) => /* @__PURE__ */ jsxs107(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -6141,8 +6480,8 @@ var SvgShare = (props) => /* @__PURE__ */ jsx218(
 var Share_default = SvgShare;
 
 // src/assets/icons/feather/Share2.tsx
-import { jsx as jsx219, jsxs as jsxs107 } from "react/jsx-runtime";
-var SvgShare2 = (props) => /* @__PURE__ */ jsxs107(
+import { jsx as jsx219, jsxs as jsxs108 } from "react/jsx-runtime";
+var SvgShare2 = (props) => /* @__PURE__ */ jsxs108(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -6209,8 +6548,8 @@ var SvgShieldOff = (props) => /* @__PURE__ */ jsx221(
 var ShieldOff_default = SvgShieldOff;
 
 // src/assets/icons/feather/ShoppingBag.tsx
-import { jsx as jsx222, jsxs as jsxs108 } from "react/jsx-runtime";
-var SvgShoppingBag = (props) => /* @__PURE__ */ jsxs108(
+import { jsx as jsx222, jsxs as jsxs109 } from "react/jsx-runtime";
+var SvgShoppingBag = (props) => /* @__PURE__ */ jsxs109(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -6233,8 +6572,8 @@ var SvgShoppingBag = (props) => /* @__PURE__ */ jsxs108(
 var ShoppingBag_default = SvgShoppingBag;
 
 // src/assets/icons/feather/ShoppingCart.tsx
-import { jsx as jsx223, jsxs as jsxs109 } from "react/jsx-runtime";
-var SvgShoppingCart = (props) => /* @__PURE__ */ jsxs109(
+import { jsx as jsx223, jsxs as jsxs110 } from "react/jsx-runtime";
+var SvgShoppingCart = (props) => /* @__PURE__ */ jsxs110(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -6279,8 +6618,8 @@ var SvgShuffle = (props) => /* @__PURE__ */ jsx224(
 var Shuffle_default = SvgShuffle;
 
 // src/assets/icons/feather/Sidebar.tsx
-import { jsx as jsx225, jsxs as jsxs110 } from "react/jsx-runtime";
-var SvgSidebar = (props) => /* @__PURE__ */ jsxs110(
+import { jsx as jsx225, jsxs as jsxs111 } from "react/jsx-runtime";
+var SvgSidebar = (props) => /* @__PURE__ */ jsxs111(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -6366,8 +6705,8 @@ var SvgSlack = (props) => /* @__PURE__ */ jsx228(
 var Slack_default = SvgSlack;
 
 // src/assets/icons/feather/Slash.tsx
-import { jsx as jsx229, jsxs as jsxs111 } from "react/jsx-runtime";
-var SvgSlash = (props) => /* @__PURE__ */ jsxs111(
+import { jsx as jsx229, jsxs as jsxs112 } from "react/jsx-runtime";
+var SvgSlash = (props) => /* @__PURE__ */ jsxs112(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -6411,8 +6750,8 @@ var SvgSliders = (props) => /* @__PURE__ */ jsx230(
 var Sliders_default = SvgSliders;
 
 // src/assets/icons/feather/Smartphone.tsx
-import { jsx as jsx231, jsxs as jsxs112 } from "react/jsx-runtime";
-var SvgSmartphone = (props) => /* @__PURE__ */ jsxs112(
+import { jsx as jsx231, jsxs as jsxs113 } from "react/jsx-runtime";
+var SvgSmartphone = (props) => /* @__PURE__ */ jsxs113(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -6435,8 +6774,8 @@ var SvgSmartphone = (props) => /* @__PURE__ */ jsxs112(
 var Smartphone_default = SvgSmartphone;
 
 // src/assets/icons/feather/Smile.tsx
-import { jsx as jsx232, jsxs as jsxs113 } from "react/jsx-runtime";
-var SvgSmile = (props) => /* @__PURE__ */ jsxs113(
+import { jsx as jsx232, jsxs as jsxs114 } from "react/jsx-runtime";
+var SvgSmile = (props) => /* @__PURE__ */ jsxs114(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -6459,8 +6798,8 @@ var SvgSmile = (props) => /* @__PURE__ */ jsxs113(
 var Smile_default = SvgSmile;
 
 // src/assets/icons/feather/Speaker.tsx
-import { jsx as jsx233, jsxs as jsxs114 } from "react/jsx-runtime";
-var SvgSpeaker = (props) => /* @__PURE__ */ jsxs114(
+import { jsx as jsx233, jsxs as jsxs115 } from "react/jsx-runtime";
+var SvgSpeaker = (props) => /* @__PURE__ */ jsxs115(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -6526,8 +6865,8 @@ var SvgStar = (props) => /* @__PURE__ */ jsx235(
 var Star_default = SvgStar;
 
 // src/assets/icons/feather/StopCircle.tsx
-import { jsx as jsx236, jsxs as jsxs115 } from "react/jsx-runtime";
-var SvgStopCircle = (props) => /* @__PURE__ */ jsxs115(
+import { jsx as jsx236, jsxs as jsxs116 } from "react/jsx-runtime";
+var SvgStopCircle = (props) => /* @__PURE__ */ jsxs116(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -6550,8 +6889,8 @@ var SvgStopCircle = (props) => /* @__PURE__ */ jsxs115(
 var StopCircle_default = SvgStopCircle;
 
 // src/assets/icons/feather/Sun.tsx
-import { jsx as jsx237, jsxs as jsxs116 } from "react/jsx-runtime";
-var SvgSun = (props) => /* @__PURE__ */ jsxs116(
+import { jsx as jsx237, jsxs as jsxs117 } from "react/jsx-runtime";
+var SvgSun = (props) => /* @__PURE__ */ jsxs117(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -6637,8 +6976,8 @@ var SvgTable = (props) => /* @__PURE__ */ jsx240(
 var Table_default = SvgTable;
 
 // src/assets/icons/feather/Tablet.tsx
-import { jsx as jsx241, jsxs as jsxs117 } from "react/jsx-runtime";
-var SvgTablet = (props) => /* @__PURE__ */ jsxs117(
+import { jsx as jsx241, jsxs as jsxs118 } from "react/jsx-runtime";
+var SvgTablet = (props) => /* @__PURE__ */ jsxs118(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -6682,8 +7021,8 @@ var SvgTag = (props) => /* @__PURE__ */ jsx242(
 var Tag_default = SvgTag;
 
 // src/assets/icons/feather/Target.tsx
-import { jsx as jsx243, jsxs as jsxs118 } from "react/jsx-runtime";
-var SvgTarget = (props) => /* @__PURE__ */ jsxs118(
+import { jsx as jsx243, jsxs as jsxs119 } from "react/jsx-runtime";
+var SvgTarget = (props) => /* @__PURE__ */ jsxs119(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -6791,8 +7130,8 @@ var SvgThumbsUp = (props) => /* @__PURE__ */ jsx247(
 var ThumbsUp_default = SvgThumbsUp;
 
 // src/assets/icons/feather/ToggleLeft.tsx
-import { jsx as jsx248, jsxs as jsxs119 } from "react/jsx-runtime";
-var SvgToggleLeft = (props) => /* @__PURE__ */ jsxs119(
+import { jsx as jsx248, jsxs as jsxs120 } from "react/jsx-runtime";
+var SvgToggleLeft = (props) => /* @__PURE__ */ jsxs120(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -6815,8 +7154,8 @@ var SvgToggleLeft = (props) => /* @__PURE__ */ jsxs119(
 var ToggleLeft_default = SvgToggleLeft;
 
 // src/assets/icons/feather/ToggleRight.tsx
-import { jsx as jsx249, jsxs as jsxs120 } from "react/jsx-runtime";
-var SvgToggleRight = (props) => /* @__PURE__ */ jsxs120(
+import { jsx as jsx249, jsxs as jsxs121 } from "react/jsx-runtime";
+var SvgToggleRight = (props) => /* @__PURE__ */ jsxs121(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -6902,8 +7241,8 @@ var SvgTrash2 = (props) => /* @__PURE__ */ jsx252(
 var Trash2_default = SvgTrash2;
 
 // src/assets/icons/feather/Trello.tsx
-import { jsx as jsx253, jsxs as jsxs121 } from "react/jsx-runtime";
-var SvgTrello = (props) => /* @__PURE__ */ jsxs121(
+import { jsx as jsx253, jsxs as jsxs122 } from "react/jsx-runtime";
+var SvgTrello = (props) => /* @__PURE__ */ jsxs122(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -6926,8 +7265,8 @@ var SvgTrello = (props) => /* @__PURE__ */ jsxs121(
 var Trello_default = SvgTrello;
 
 // src/assets/icons/feather/TrendingDown.tsx
-import { jsx as jsx254, jsxs as jsxs122 } from "react/jsx-runtime";
-var SvgTrendingDown = (props) => /* @__PURE__ */ jsxs122(
+import { jsx as jsx254, jsxs as jsxs123 } from "react/jsx-runtime";
+var SvgTrendingDown = (props) => /* @__PURE__ */ jsxs123(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -6950,8 +7289,8 @@ var SvgTrendingDown = (props) => /* @__PURE__ */ jsxs122(
 var TrendingDown_default = SvgTrendingDown;
 
 // src/assets/icons/feather/TrendingUp.tsx
-import { jsx as jsx255, jsxs as jsxs123 } from "react/jsx-runtime";
-var SvgTrendingUp = (props) => /* @__PURE__ */ jsxs123(
+import { jsx as jsx255, jsxs as jsxs124 } from "react/jsx-runtime";
+var SvgTrendingUp = (props) => /* @__PURE__ */ jsxs124(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -6995,8 +7334,8 @@ var SvgTriangle = (props) => /* @__PURE__ */ jsx256(
 var Triangle_default = SvgTriangle;
 
 // src/assets/icons/feather/Truck.tsx
-import { jsx as jsx257, jsxs as jsxs124 } from "react/jsx-runtime";
-var SvgTruck = (props) => /* @__PURE__ */ jsxs124(
+import { jsx as jsx257, jsxs as jsxs125 } from "react/jsx-runtime";
+var SvgTruck = (props) => /* @__PURE__ */ jsxs125(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -7020,8 +7359,8 @@ var SvgTruck = (props) => /* @__PURE__ */ jsxs124(
 var Truck_default = SvgTruck;
 
 // src/assets/icons/feather/Tv.tsx
-import { jsx as jsx258, jsxs as jsxs125 } from "react/jsx-runtime";
-var SvgTv = (props) => /* @__PURE__ */ jsxs125(
+import { jsx as jsx258, jsxs as jsxs126 } from "react/jsx-runtime";
+var SvgTv = (props) => /* @__PURE__ */ jsxs126(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -7149,8 +7488,8 @@ var SvgUnderline = (props) => /* @__PURE__ */ jsx263(
 var Underline_default = SvgUnderline;
 
 // src/assets/icons/feather/Unlock.tsx
-import { jsx as jsx264, jsxs as jsxs126 } from "react/jsx-runtime";
-var SvgUnlock = (props) => /* @__PURE__ */ jsxs126(
+import { jsx as jsx264, jsxs as jsxs127 } from "react/jsx-runtime";
+var SvgUnlock = (props) => /* @__PURE__ */ jsxs127(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -7194,8 +7533,8 @@ var SvgUpload = (props) => /* @__PURE__ */ jsx265(
 var Upload_default = SvgUpload;
 
 // src/assets/icons/feather/UploadCloud.tsx
-import { jsx as jsx266, jsxs as jsxs127 } from "react/jsx-runtime";
-var SvgUploadCloud = (props) => /* @__PURE__ */ jsxs127(
+import { jsx as jsx266, jsxs as jsxs128 } from "react/jsx-runtime";
+var SvgUploadCloud = (props) => /* @__PURE__ */ jsxs128(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -7219,8 +7558,8 @@ var SvgUploadCloud = (props) => /* @__PURE__ */ jsxs127(
 var UploadCloud_default = SvgUploadCloud;
 
 // src/assets/icons/feather/User.tsx
-import { jsx as jsx267, jsxs as jsxs128 } from "react/jsx-runtime";
-var SvgUser = (props) => /* @__PURE__ */ jsxs128(
+import { jsx as jsx267, jsxs as jsxs129 } from "react/jsx-runtime";
+var SvgUser = (props) => /* @__PURE__ */ jsxs129(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -7243,8 +7582,8 @@ var SvgUser = (props) => /* @__PURE__ */ jsxs128(
 var User_default = SvgUser;
 
 // src/assets/icons/feather/UserCheck.tsx
-import { jsx as jsx268, jsxs as jsxs129 } from "react/jsx-runtime";
-var SvgUserCheck = (props) => /* @__PURE__ */ jsxs129(
+import { jsx as jsx268, jsxs as jsxs130 } from "react/jsx-runtime";
+var SvgUserCheck = (props) => /* @__PURE__ */ jsxs130(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -7268,8 +7607,8 @@ var SvgUserCheck = (props) => /* @__PURE__ */ jsxs129(
 var UserCheck_default = SvgUserCheck;
 
 // src/assets/icons/feather/UserMinus.tsx
-import { jsx as jsx269, jsxs as jsxs130 } from "react/jsx-runtime";
-var SvgUserMinus = (props) => /* @__PURE__ */ jsxs130(
+import { jsx as jsx269, jsxs as jsxs131 } from "react/jsx-runtime";
+var SvgUserMinus = (props) => /* @__PURE__ */ jsxs131(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -7293,8 +7632,8 @@ var SvgUserMinus = (props) => /* @__PURE__ */ jsxs130(
 var UserMinus_default = SvgUserMinus;
 
 // src/assets/icons/feather/UserPlus.tsx
-import { jsx as jsx270, jsxs as jsxs131 } from "react/jsx-runtime";
-var SvgUserPlus = (props) => /* @__PURE__ */ jsxs131(
+import { jsx as jsx270, jsxs as jsxs132 } from "react/jsx-runtime";
+var SvgUserPlus = (props) => /* @__PURE__ */ jsxs132(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -7318,8 +7657,8 @@ var SvgUserPlus = (props) => /* @__PURE__ */ jsxs131(
 var UserPlus_default = SvgUserPlus;
 
 // src/assets/icons/feather/UserX.tsx
-import { jsx as jsx271, jsxs as jsxs132 } from "react/jsx-runtime";
-var SvgUserX = (props) => /* @__PURE__ */ jsxs132(
+import { jsx as jsx271, jsxs as jsxs133 } from "react/jsx-runtime";
+var SvgUserX = (props) => /* @__PURE__ */ jsxs133(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -7343,8 +7682,8 @@ var SvgUserX = (props) => /* @__PURE__ */ jsxs132(
 var UserX_default = SvgUserX;
 
 // src/assets/icons/feather/Users.tsx
-import { jsx as jsx272, jsxs as jsxs133 } from "react/jsx-runtime";
-var SvgUsers = (props) => /* @__PURE__ */ jsxs133(
+import { jsx as jsx272, jsxs as jsxs134 } from "react/jsx-runtime";
+var SvgUsers = (props) => /* @__PURE__ */ jsxs134(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -7368,8 +7707,8 @@ var SvgUsers = (props) => /* @__PURE__ */ jsxs133(
 var Users_default = SvgUsers;
 
 // src/assets/icons/feather/Video.tsx
-import { jsx as jsx273, jsxs as jsxs134 } from "react/jsx-runtime";
-var SvgVideo = (props) => /* @__PURE__ */ jsxs134(
+import { jsx as jsx273, jsxs as jsxs135 } from "react/jsx-runtime";
+var SvgVideo = (props) => /* @__PURE__ */ jsxs135(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -7413,8 +7752,8 @@ var SvgVideoOff = (props) => /* @__PURE__ */ jsx274(
 var VideoOff_default = SvgVideoOff;
 
 // src/assets/icons/feather/Voicemail.tsx
-import { jsx as jsx275, jsxs as jsxs135 } from "react/jsx-runtime";
-var SvgVoicemail = (props) => /* @__PURE__ */ jsxs135(
+import { jsx as jsx275, jsxs as jsxs136 } from "react/jsx-runtime";
+var SvgVoicemail = (props) => /* @__PURE__ */ jsxs136(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -7522,8 +7861,8 @@ var SvgVolumeX = (props) => /* @__PURE__ */ jsx279(
 var VolumeX_default = SvgVolumeX;
 
 // src/assets/icons/feather/Watch.tsx
-import { jsx as jsx280, jsxs as jsxs136 } from "react/jsx-runtime";
-var SvgWatch = (props) => /* @__PURE__ */ jsxs136(
+import { jsx as jsx280, jsxs as jsxs137 } from "react/jsx-runtime";
+var SvgWatch = (props) => /* @__PURE__ */ jsxs137(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -7630,8 +7969,8 @@ var SvgX = (props) => /* @__PURE__ */ jsx284(
 var X_default = SvgX;
 
 // src/assets/icons/feather/XCircle.tsx
-import { jsx as jsx285, jsxs as jsxs137 } from "react/jsx-runtime";
-var SvgXCircle = (props) => /* @__PURE__ */ jsxs137(
+import { jsx as jsx285, jsxs as jsxs138 } from "react/jsx-runtime";
+var SvgXCircle = (props) => /* @__PURE__ */ jsxs138(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -7675,8 +8014,8 @@ var SvgXOctagon = (props) => /* @__PURE__ */ jsx286(
 var XOctagon_default = SvgXOctagon;
 
 // src/assets/icons/feather/XSquare.tsx
-import { jsx as jsx287, jsxs as jsxs138 } from "react/jsx-runtime";
-var SvgXSquare = (props) => /* @__PURE__ */ jsxs138(
+import { jsx as jsx287, jsxs as jsxs139 } from "react/jsx-runtime";
+var SvgXSquare = (props) => /* @__PURE__ */ jsxs139(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -7699,8 +8038,8 @@ var SvgXSquare = (props) => /* @__PURE__ */ jsxs138(
 var XSquare_default = SvgXSquare;
 
 // src/assets/icons/feather/Youtube.tsx
-import { jsx as jsx288, jsxs as jsxs139 } from "react/jsx-runtime";
-var SvgYoutube = (props) => /* @__PURE__ */ jsxs139(
+import { jsx as jsx288, jsxs as jsxs140 } from "react/jsx-runtime";
+var SvgYoutube = (props) => /* @__PURE__ */ jsxs140(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -7765,8 +8104,8 @@ var SvgZapOff = (props) => /* @__PURE__ */ jsx290(
 var ZapOff_default = SvgZapOff;
 
 // src/assets/icons/feather/ZoomIn.tsx
-import { jsx as jsx291, jsxs as jsxs140 } from "react/jsx-runtime";
-var SvgZoomIn = (props) => /* @__PURE__ */ jsxs140(
+import { jsx as jsx291, jsxs as jsxs141 } from "react/jsx-runtime";
+var SvgZoomIn = (props) => /* @__PURE__ */ jsxs141(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -7789,8 +8128,8 @@ var SvgZoomIn = (props) => /* @__PURE__ */ jsxs140(
 var ZoomIn_default = SvgZoomIn;
 
 // src/assets/icons/feather/ZoomOut.tsx
-import { jsx as jsx292, jsxs as jsxs141 } from "react/jsx-runtime";
-var SvgZoomOut = (props) => /* @__PURE__ */ jsxs141(
+import { jsx as jsx292, jsxs as jsxs142 } from "react/jsx-runtime";
+var SvgZoomOut = (props) => /* @__PURE__ */ jsxs142(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -8479,7 +8818,7 @@ var RelativeContainer = styled8.div`
 var RelativeContainer_default = RelativeContainer;
 
 // src/components/ScrollContainer/index.tsx
-import { jsx as jsx294, jsxs as jsxs142 } from "react/jsx-runtime";
+import { jsx as jsx294, jsxs as jsxs143 } from "react/jsx-runtime";
 var isAfterBefore = (props) => {
   return !React3.isValidElement(props);
 };
@@ -8539,9 +8878,9 @@ var ScrollContainer = React3.forwardRef(
         $spacing: props.spacing
       }
     );
-    return /* @__PURE__ */ jsxs142(Container_default, { children: [
+    return /* @__PURE__ */ jsxs143(Container_default, { children: [
       getBeforeAfter(props.before),
-      /* @__PURE__ */ jsxs142(RelativeContainer_default, { children: [
+      /* @__PURE__ */ jsxs143(RelativeContainer_default, { children: [
         /* @__PURE__ */ jsx294(
           OverflowContainer_default,
           {
@@ -8566,8 +8905,9 @@ var ScrollContainer_default = ScrollContainer;
 // src/components/Menu/styles.ts
 import styled9, { css as css9 } from "styled-components";
 var Option = styled9.div`
-  ${({ theme: theme4 }) => theme4.useTypography("p")};
-  line-height: ${({ theme: theme4 }) => theme4.spacings.s3};
+  ${({ theme: theme4 }) => theme4.useTypography("p", {
+  lineHeight: theme4.spacings.s3
+})}
   color: ${({ theme: theme4 }) => theme4.colors.darkBlue};
   display: flex;
   gap: ${({ theme: theme4 }) => theme4.spacings.s1};
@@ -8683,7 +9023,7 @@ var Container4 = styled9(AbsoluteContainer_default)`
 `;
 
 // src/components/Menu/index.tsx
-import { jsx as jsx295, jsxs as jsxs143 } from "react/jsx-runtime";
+import { jsx as jsx295, jsxs as jsxs144 } from "react/jsx-runtime";
 var isVisible = (elem, bound) => {
   const docViewTop = bound.scrollTop;
   const docViewBottom = docViewTop + bound.offsetHeight;
@@ -8725,7 +9065,7 @@ var MenuComponent = (props, ref) => {
       $bordered: props.bordered,
       $containerSpacing: props.containerSpacing,
       $itemSpacing: props.itemSpacing,
-      children: /* @__PURE__ */ jsxs143(React4.Fragment, { children: [
+      children: /* @__PURE__ */ jsxs144(React4.Fragment, { children: [
         /* @__PURE__ */ jsx295(
           ScrollContainer_default,
           {
@@ -8786,8 +9126,8 @@ var MenuComponent = (props, ref) => {
               const labelOptions = filterObject(option, ["onClick", "label", "rules"]);
               labelOptions.disabled = disabled;
               const LabelComponent = typeof label === "function" ? label : () => /* @__PURE__ */ jsx295(React4.Fragment, { children: label });
-              return /* @__PURE__ */ jsxs143(React4.Fragment, { children: [
-                /* @__PURE__ */ jsx295(OptionContent, { children: /* @__PURE__ */ jsxs143(
+              return /* @__PURE__ */ jsxs144(React4.Fragment, { children: [
+                /* @__PURE__ */ jsx295(OptionContent, { children: /* @__PURE__ */ jsxs144(
                   Option,
                   {
                     onClick,
@@ -8838,8 +9178,9 @@ var Container5 = styled10.div`
 }};
 `;
 var LabelContainer = styled10.div`
-  ${({ theme: theme4 }) => theme4.useTypography("p")};
-  line-height: ${({ theme: theme4 }) => theme4.spacings.s3};
+  ${({ theme: theme4 }) => theme4.useTypography("p", {
+  lineHeight: theme4.spacings.s3
+})}
 `;
 var CalendarContainer = styled10.div`
   border: 1px solid ${({ theme: theme4 }) => theme4.colors.lightestGrey};
@@ -8860,8 +9201,9 @@ var MonthContainer = styled10.div`
   }
 `;
 var MonthName = styled10.div`
-  ${({ theme: theme4 }) => theme4.useTypography("h6")};
-  line-height: ${({ theme: theme4 }) => theme4.spacings.s3};
+  ${({ theme: theme4 }) => theme4.useTypography("h6", {
+  lineHeight: theme4.spacings.s3
+})}
   color: ${({ theme: theme4 }) => theme4.colors.darkBlue};
   text-align: center;
 `;
@@ -8879,8 +9221,9 @@ var MonthBtn = styled10.div`
 }}
 `;
 var NavBtn = styled10.button`
-  ${({ theme: theme4 }) => theme4.useTypography("p")}
-  line-height: 14px;
+  ${({ theme: theme4 }) => theme4.useTypography("p", {
+  lineHeight: theme4.spacings.s3
+})}
   width: 21px;
   height: 32px;
   box-shadow: none;
@@ -8908,7 +9251,7 @@ var NavBtn = styled10.button`
 `;
 
 // src/components/Calendar/components/Basic/components/MonthPicker/index.tsx
-import { jsx as jsx296, jsxs as jsxs144 } from "react/jsx-runtime";
+import { jsx as jsx296, jsxs as jsxs145 } from "react/jsx-runtime";
 var MonthPicker = (props) => {
   const { setValue, close, min, max, year: initialYear, ...menuProps } = props;
   const [year, setYear] = useState6(initialYear);
@@ -8922,7 +9265,7 @@ var MonthPicker = (props) => {
       ...menuProps,
       before: {
         fluid: true,
-        children: /* @__PURE__ */ jsxs144(MonthContainer, { children: [
+        children: /* @__PURE__ */ jsxs145(MonthContainer, { children: [
           /* @__PURE__ */ jsx296(
             NavBtn,
             {
@@ -9064,8 +9407,9 @@ var WeekContainer = styled12.div`
   }
 
   > * {
-    ${({ theme: theme4 }) => theme4.useTypography("h6")}
-    line-height: ${({ theme: theme4 }) => theme4.spacings.s3};
+    ${({ theme: theme4 }) => theme4.useTypography("h6", {
+  lineHeight: theme4.spacings.s3
+})}
     width: 25px;
     height: 25px;
 
@@ -9176,7 +9520,7 @@ var DayIndicator = styled12(Indicator_default).attrs({
 `;
 
 // src/components/Calendar/components/Basic/components/Main/index.tsx
-import { jsx as jsx298, jsxs as jsxs145 } from "react/jsx-runtime";
+import { jsx as jsx298, jsxs as jsxs146 } from "react/jsx-runtime";
 var Main = React6.forwardRef(
   (props, ref) => {
     const { getDay, initialMonth } = props;
@@ -9263,23 +9607,23 @@ var Main = React6.forwardRef(
         }
       ) });
     };
-    return /* @__PURE__ */ jsxs145(Container5, { ref, $paddingless: props.paddingless, children: [
+    return /* @__PURE__ */ jsxs146(Container5, { ref, $paddingless: props.paddingless, children: [
       props.label && /* @__PURE__ */ jsx298(LabelContainer, { children: props.label }),
-      /* @__PURE__ */ jsxs145(CalendarContainer, { children: [
-        /* @__PURE__ */ jsxs145(Header, { children: [
-          /* @__PURE__ */ jsxs145(MonthContainer, { children: [
+      /* @__PURE__ */ jsxs146(CalendarContainer, { children: [
+        /* @__PURE__ */ jsxs146(Header, { children: [
+          /* @__PURE__ */ jsxs146(MonthContainer, { children: [
             getPrev(),
-            /* @__PURE__ */ jsxs145("div", { ref: onClickOut_default(() => setSelectOpen(false)), children: [
+            /* @__PURE__ */ jsxs146("div", { ref: onClickOut_default(() => setSelectOpen(false)), children: [
               (() => {
                 if (min !== void 0 && max !== void 0 && min.getFullYear() === max.getFullYear() && min.getMonth() === max.getMonth()) {
-                  return /* @__PURE__ */ jsxs145(MonthName, { children: [
+                  return /* @__PURE__ */ jsxs146(MonthName, { children: [
                     months[calendar.month],
                     " ",
                     calendar.year
                   ] });
                 }
-                return /* @__PURE__ */ jsxs145(MonthBtn, { onClick: () => setSelectOpen((prev) => !prev), children: [
-                  /* @__PURE__ */ jsxs145(MonthName, { children: [
+                return /* @__PURE__ */ jsxs146(MonthBtn, { onClick: () => setSelectOpen((prev) => !prev), children: [
+                  /* @__PURE__ */ jsxs146(MonthName, { children: [
                     months[calendar.month],
                     " ",
                     calendar.year
@@ -9319,7 +9663,7 @@ var Main = React6.forwardRef(
             ] }),
             getNext()
           ] }),
-          /* @__PURE__ */ jsxs145(WeekContainer, { children: [
+          /* @__PURE__ */ jsxs146(WeekContainer, { children: [
             /* @__PURE__ */ jsx298("div", { children: "D" }),
             /* @__PURE__ */ jsx298("div", { children: "S" }),
             /* @__PURE__ */ jsx298("div", { children: "T" }),
@@ -9341,7 +9685,7 @@ var Main = React6.forwardRef(
               details.onMouseOver,
               details.onMouseOut
             ];
-            return /* @__PURE__ */ jsxs145(
+            return /* @__PURE__ */ jsxs146(
               DayContainer,
               {
                 type: "button",
@@ -9417,7 +9761,7 @@ import React12, { useEffect as useEffect8, useState as useState8 } from "react";
 import React11 from "react";
 
 // src/components/Input/components/Input/index.tsx
-import React10, { useEffect as useEffect7, useMemo, useRef } from "react";
+import React10, { useEffect as useEffect7, useMemo as useMemo2, useRef } from "react";
 
 // src/components/Form/index.tsx
 import React9 from "react";
@@ -9607,15 +9951,11 @@ var Input = styled14.input`
   return invalid ? theme4.colors.warningRed : theme4.colors.darkBlue;
 }};
 
-  line-height: 17px;
-
   &::placeholder {
     color: ${({ theme: theme4, $invalid: invalid }) => {
   return invalid ? theme4.colors.warningRed : theme4.colors.darkGrey;
 }};
 
-    line-height: 17px;
-
     ${({ placeholder }) => {
   if (placeholder !== "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022") {
     return css14`
@@ -9814,7 +10154,7 @@ var ViewModeContainer = styled14.div`
 `;
 
 // src/components/Input/components/Input/index.tsx
-import { jsx as jsx303, jsxs as jsxs146 } from "react/jsx-runtime";
+import { jsx as jsx303, jsxs as jsxs147 } from "react/jsx-runtime";
 var setMask = (event, handler, setValue, maskFn) => {
   const target = event.target;
   const raw = target.value;
@@ -9848,7 +10188,7 @@ var Input2 = React10.forwardRef(
       props.name
     );
     const isComposing = useRef(false);
-    const maskFn = useMemo(() => getMask(props.mask), [props.mask]);
+    const maskFn = useMemo2(() => getMask(props.mask), [props.mask]);
     useEffect7(() => {
       if (isComposing.current) return;
       if (!isString(props.value)) return;
@@ -9975,7 +10315,7 @@ var Input2 = React10.forwardRef(
     })();
     if (props.htmlDisabled) inputProps.disabled = true;
     if (props.htmlReadOnly) inputProps.readOnly = true;
-    return /* @__PURE__ */ jsxs146(
+    return /* @__PURE__ */ jsxs147(
       Label,
       {
         $readOnly: readOnly || viewMode,
@@ -9992,10 +10332,10 @@ var Input2 = React10.forwardRef(
         $viewMode: viewMode,
         children: [
           label && /* @__PURE__ */ jsx303(LabelText, { $required: required, $viewMode: viewMode, children: label }),
-          viewMode ? /* @__PURE__ */ jsx303(ViewModeContainer, { children: inputProps.value || props.children }) : /* @__PURE__ */ jsxs146(InputContainer, { $width: props.inputWidth, children: [
+          viewMode ? /* @__PURE__ */ jsx303(ViewModeContainer, { children: inputProps.value || props.children }) : /* @__PURE__ */ jsxs147(InputContainer, { $width: props.inputWidth, children: [
             /* @__PURE__ */ jsx303(Input, { ...inputProps, ref }),
             props.children && /* @__PURE__ */ jsx303(ChildrenContainer, { children: props.children }),
-            /* @__PURE__ */ jsx303(IconContainer, { children: loading ? /* @__PURE__ */ jsx303(Icon_default, { type: "jsx", icon: /* @__PURE__ */ jsx303(Loader_default, { size: "14px" }), width: "14px" }) : /* @__PURE__ */ jsxs146(React10.Fragment, { children: [
+            /* @__PURE__ */ jsx303(IconContainer, { children: loading ? /* @__PURE__ */ jsx303(Icon_default, { type: "jsx", icon: /* @__PURE__ */ jsx303(Loader_default, { size: "14px" }), width: "14px" }) : /* @__PURE__ */ jsxs147(React10.Fragment, { children: [
               onDirty && /* @__PURE__ */ jsx303(
                 Icon_default,
                 {
@@ -10219,7 +10559,7 @@ var LabelContainer2 = styled16.div`
 `;
 
 // src/components/Calendar/components/Interval/components/Main/index.tsx
-import { jsx as jsx305, jsxs as jsxs147 } from "react/jsx-runtime";
+import { jsx as jsx305, jsxs as jsxs148 } from "react/jsx-runtime";
 var Main2 = React12.forwardRef(
   (props, ref) => {
     const { initialMonth, initialValue, min, max } = props;
@@ -10386,7 +10726,7 @@ var Main2 = React12.forwardRef(
     });
     const onChangeMonth = props.onChangeMonth || (async () => {
     });
-    return /* @__PURE__ */ jsxs147(CalendarsContainer, { children: [
+    return /* @__PURE__ */ jsxs148(CalendarsContainer, { children: [
       /* @__PURE__ */ jsx305(
         Basic_default,
         {
@@ -10394,7 +10734,7 @@ var Main2 = React12.forwardRef(
           getDay: (c) => getDay(c, "left"),
           onChangeMonth: async (c) => await onChangeMonth(c, "left"),
           ref,
-          label: /* @__PURE__ */ jsxs147(LabelContainer2, { children: [
+          label: /* @__PURE__ */ jsxs148(LabelContainer2, { children: [
             /* @__PURE__ */ jsx305("b", { children: "Inicio:" }),
             " ",
             value[0] ? dateToIsoString(value[0]) : "\u2013\u2013/\u2013\u2013/\u2013\u2013\u2013\u2013"
@@ -10420,14 +10760,14 @@ var Main2 = React12.forwardRef(
           children: inputs[0]
         }
       ),
-      /* @__PURE__ */ jsxs147(
+      /* @__PURE__ */ jsxs148(
         Basic_default,
         {
           ...calendarProps,
           getDay: (c) => getDay(c, "right"),
           onChangeMonth: async (c) => await onChangeMonth(c, "right"),
           ref,
-          label: /* @__PURE__ */ jsxs147(LabelContainer2, { children: [
+          label: /* @__PURE__ */ jsxs148(LabelContainer2, { children: [
             /* @__PURE__ */ jsx305("b", { children: "Fim:" }),
             " ",
             value[1] ? dateToIsoString(value[1]) : "\u2013\u2013/\u2013\u2013/\u2013\u2013\u2013\u2013"
@@ -10487,7 +10827,7 @@ import React15 from "react";
 
 // src/components/Calendar/components/Single/components/Main/index.tsx
 import React14, { useEffect as useEffect9, useState as useState9 } from "react";
-import { jsx as jsx307, jsxs as jsxs148 } from "react/jsx-runtime";
+import { jsx as jsx307, jsxs as jsxs149 } from "react/jsx-runtime";
 var SingleCalendar = React14.forwardRef(
   (props, ref) => {
     const { initialValue, min, max } = props;
@@ -10541,7 +10881,7 @@ var SingleCalendar = React14.forwardRef(
         onClick(value ? getFullDate(value, time) : null);
       };
     }
-    return /* @__PURE__ */ jsxs148(
+    return /* @__PURE__ */ jsxs149(
       Basic_default,
       {
         ...calendarProps,
@@ -10709,15 +11049,15 @@ var Container8 = styled18.div`
 `;
 
 // src/components/Filters/Button/index.tsx
-import { jsx as jsx311, jsxs as jsxs149 } from "react/jsx-runtime";
+import { jsx as jsx311, jsxs as jsxs150 } from "react/jsx-runtime";
 var Button3 = (props) => {
   const { getContent } = props;
   const [open, setOpen] = useState10(false);
   const close = () => setOpen(false);
   const onClick = props.disabled ? void 0 : () => setOpen((prev) => !prev);
   const buttonProps = filterObject(props, ["getContent", "gap"]);
-  return /* @__PURE__ */ jsxs149("div", { ref: onClickOut_default(close), children: [
-    /* @__PURE__ */ jsxs149(Container8, { ...buttonProps, ...{ onClick }, $gap: props.gap, children: [
+  return /* @__PURE__ */ jsxs150("div", { ref: onClickOut_default(close), children: [
+    /* @__PURE__ */ jsxs150(Container8, { ...buttonProps, ...{ onClick }, $gap: props.gap, children: [
       props.children,
       /* @__PURE__ */ jsx311(
         Icon_default,
@@ -10785,8 +11125,9 @@ var Checkmark = styled19.div`
   }
 `;
 var Label2 = styled19.label`
-  ${({ theme: theme4 }) => theme4.useTypography("p")}
-  line-height: 14px;
+  ${({ theme: theme4 }) => theme4.useTypography("p", {
+  lineHeight: theme4.spacings.s3
+})}
 
   ${({ $padding: padding, theme: theme4 }) => {
   if (!padding) return;
@@ -10912,8 +11253,9 @@ var Label2 = styled19.label`
 `;
 var LabelContent = styled19.div`
   display: inline-block;
-  ${({ theme: theme4 }) => theme4.useTypography("p")}
-  line-height: 14px;
+  ${({ theme: theme4 }) => theme4.useTypography("p", {
+  lineHeight: theme4.spacings.s3
+})}
   flex: 1;
   overflow: hidden;
 
@@ -10928,7 +11270,7 @@ var LabelContent = styled19.div`
 `;
 
 // src/components/Input/components/Checkbox/index.tsx
-import { jsx as jsx312, jsxs as jsxs150 } from "react/jsx-runtime";
+import { jsx as jsx312, jsxs as jsxs151 } from "react/jsx-runtime";
 var DefaultLabel = (props) => {
   return /* @__PURE__ */ jsx312(
     LabelContent,
@@ -10958,7 +11300,7 @@ var Checkbox = React18.forwardRef(
       }
       return typeof props.label === "function" ? [props.label] : [DefaultLabel, props.label];
     })();
-    return /* @__PURE__ */ jsxs150(
+    return /* @__PURE__ */ jsxs151(
       Label2,
       {
         $disabled: disabled,
@@ -11013,7 +11355,7 @@ var RelativeContainer2 = styled20.div`
 `;
 
 // src/components/Input/components/Date/index.tsx
-import { jsx as jsx313, jsxs as jsxs151 } from "react/jsx-runtime";
+import { jsx as jsx313, jsxs as jsxs152 } from "react/jsx-runtime";
 var isLeapYear = (year) => {
   if (year % 4 !== 0) return false;
   else if (year % 100 !== 0) return true;
@@ -11113,7 +11455,7 @@ var Date2 = React19.forwardRef(
       "min",
       "max"
     ]);
-    return /* @__PURE__ */ jsxs151(RelativeContainer2, { ref: onClickOut_default(() => setOpen(false)), children: [
+    return /* @__PURE__ */ jsxs152(RelativeContainer2, { ref: onClickOut_default(() => setOpen(false)), children: [
       /* @__PURE__ */ jsx313(
         Input_default,
         {
@@ -11341,7 +11683,6 @@ var RelativeContainer3 = styled21.div`
 `;
 var LabelContainer3 = styled21.div`
   ${({ theme: theme4 }) => theme4.useTypography("p")}
-  line-height: 17px;
   flex: 1;
 
   &:first-child {
@@ -11441,7 +11782,7 @@ var LabelText2 = styled21.label`
 `;
 
 // src/components/Input/components/DateIntervalPicker/index.tsx
-import { jsx as jsx314, jsxs as jsxs152 } from "react/jsx-runtime";
+import { jsx as jsx314, jsxs as jsxs153 } from "react/jsx-runtime";
 var Component = React20.forwardRef(
   (props, ref) => {
     const center = props.center || { x: 50, y: 50 };
@@ -11520,17 +11861,17 @@ var Component = React20.forwardRef(
       return () => setOpen((prev) => prev === null ? toOpen : null);
     })();
     const input = /* @__PURE__ */ jsx314("input", { ...inputProps, type: "text", ref, readOnly: true });
-    return /* @__PURE__ */ jsxs152(
+    return /* @__PURE__ */ jsxs153(
       RelativeContainer3,
       {
         ref: onClickOut_default(() => setOpen(null)),
         $invalid: invalid,
         children: [
-          props.label ? /* @__PURE__ */ jsxs152(LabelText2, { $required: props.required, children: [
+          props.label ? /* @__PURE__ */ jsxs153(LabelText2, { $required: props.required, children: [
             props.label,
             input
           ] }) : input,
-          /* @__PURE__ */ jsxs152(
+          /* @__PURE__ */ jsxs153(
             Container9,
             {
               $invalid: props.invalid,
@@ -11543,7 +11884,7 @@ var Component = React20.forwardRef(
                   if (intervalType === "custom") return label;
                   const incrementProps = getArrowProps("increment");
                   const decrementProps = getArrowProps("decrement");
-                  return /* @__PURE__ */ jsxs152(React20.Fragment, { children: [
+                  return /* @__PURE__ */ jsxs153(React20.Fragment, { children: [
                     /* @__PURE__ */ jsx314(
                       Button4,
                       {
@@ -11684,8 +12025,9 @@ var RelativeContainer4 = styled22.div`
   }
 `;
 var LabelContainer4 = styled22.div`
-  ${({ theme: theme4 }) => theme4.useTypography("p")}
-  line-height: ${({ theme: theme4 }) => theme4.spacings.s3};
+  ${({ theme: theme4 }) => theme4.useTypography("p", {
+  lineHeight: theme4.spacings.s3
+})}
 `;
 var Container10 = styled22.div`
   position: absolute;
@@ -11747,7 +12089,7 @@ var Button5 = styled22.button`
 `;
 
 // src/components/Input/components/DatePicker/index.tsx
-import { jsx as jsx315, jsxs as jsxs153 } from "react/jsx-runtime";
+import { jsx as jsx315, jsxs as jsxs154 } from "react/jsx-runtime";
 var DatePicker2 = React21.forwardRef(
   (props, ref) => {
     const { picker, value, setValue, min, max } = props;
@@ -11786,9 +12128,9 @@ var DatePicker2 = React21.forwardRef(
       "min",
       "max"
     ]);
-    return /* @__PURE__ */ jsxs153(RelativeContainer4, { ref: onClickOut_default(() => setOpen(false)), children: [
+    return /* @__PURE__ */ jsxs154(RelativeContainer4, { ref: onClickOut_default(() => setOpen(false)), children: [
       /* @__PURE__ */ jsx315(Input_default, { ...inputProps, type: "text", icon, ref, htmlDisabled: true }),
-      /* @__PURE__ */ jsxs153(
+      /* @__PURE__ */ jsxs154(
         Container10,
         {
           $iconWidth: picker ? "24px" : "0px",
@@ -11882,7 +12224,7 @@ var RelativeContainer5 = styled23.div`
 `;
 
 // src/components/Input/components/DateTime/index.tsx
-import { jsx as jsx316, jsxs as jsxs154 } from "react/jsx-runtime";
+import { jsx as jsx316, jsxs as jsxs155 } from "react/jsx-runtime";
 var isLeapYear2 = (year) => {
   if (year % 4 !== 0) return false;
   else if (year % 100 !== 0) return true;
@@ -12118,7 +12460,7 @@ var DateTime = React22.forwardRef(
       "min",
       "max"
     ]);
-    return /* @__PURE__ */ jsxs154(RelativeContainer5, { ref: onClickOut_default(() => setOpen(false)), children: [
+    return /* @__PURE__ */ jsxs155(RelativeContainer5, { ref: onClickOut_default(() => setOpen(false)), children: [
       /* @__PURE__ */ jsx316(
         Input_default,
         {
@@ -12428,7 +12770,7 @@ var Label3 = styled25.div`
 `;
 
 // src/components/Input/components/Phone/index.tsx
-import { jsx as jsx318, jsxs as jsxs155 } from "react/jsx-runtime";
+import { jsx as jsx318, jsxs as jsxs156 } from "react/jsx-runtime";
 var getPhoneDetails = (phone) => {
   if (!notEmptyString(phone)) return null;
   const splitted = phone.replace(/[^0-9\s]/g, "").split(" ");
@@ -12466,7 +12808,7 @@ var Button6 = (props) => {
     open: [open, setOpen],
     disabled
   } = props;
-  return /* @__PURE__ */ jsxs155(
+  return /* @__PURE__ */ jsxs156(
     IconContainer2,
     {
       ...disabled ? {} : { onClick: () => setOpen((prev) => !prev) },
@@ -12499,10 +12841,10 @@ var Component2 = React24.forwardRef(
     const options = Object.keys(countries_default).map((iso) => ({
       label: (option) => {
         const country2 = option.data;
-        return /* @__PURE__ */ jsxs155(Label3, { children: [
+        return /* @__PURE__ */ jsxs156(Label3, { children: [
           /* @__PURE__ */ jsx318(flags_default2, { $iso: iso }),
           country2.name,
-          /* @__PURE__ */ jsxs155("span", { children: [
+          /* @__PURE__ */ jsxs156("span", { children: [
             "+",
             country2.ddi
           ] })
@@ -12541,7 +12883,7 @@ var Component2 = React24.forwardRef(
       setValue(v ? `${country.ddi} ${v}` : v);
     }, [inputValue]);
     const placeholder = props.placeholder && props.placeholder[country.iso] ? props.placeholder[country.iso] : country.placeholder;
-    return /* @__PURE__ */ jsxs155(
+    return /* @__PURE__ */ jsxs156(
       RelativeContainer6,
       {
         ref: onClickOut_default(() => setOpen(false)),
@@ -12721,11 +13063,11 @@ var Label4 = styled26.label`
 `;
 
 // src/components/Input/components/RadioButton/index.tsx
-import { jsx as jsx319, jsxs as jsxs156 } from "react/jsx-runtime";
+import { jsx as jsx319, jsxs as jsxs157 } from "react/jsx-runtime";
 var RadioButton = (props) => {
   const { label, disabled, required, invalid } = props;
   const htmlProps = filterObject(props, ["label", "invalid", "required"]);
-  return /* @__PURE__ */ jsxs156(Label4, { $disabled: disabled, $required: required, $invalid: invalid, children: [
+  return /* @__PURE__ */ jsxs157(Label4, { $disabled: disabled, $required: required, $invalid: invalid, children: [
     /* @__PURE__ */ jsx319("input", { ...htmlProps, type: "radio" }),
     /* @__PURE__ */ jsx319("span", {}),
     label && /* @__PURE__ */ jsx319(LabelContainer5, { children: label })
@@ -12945,8 +13287,7 @@ var NavBar_default = NavBar;
 
 // src/components/Input/components/Range/styles/Label/index.ts
 var Label5 = styled32.label`
-  ${({ theme: theme4 }) => theme4.useTypography("p")};
-  line-height: 17px;
+  ${({ theme: theme4 }) => theme4.useTypography("p")}
 
   ${({ $width: width, $viewMode: viewMode }) => {
   if (width) {
@@ -13109,7 +13450,7 @@ var ViewModeContainer2 = styled37.div`
 var ViewModeContainer_default = ViewModeContainer2;
 
 // src/components/Input/components/Range/index.tsx
-import { jsx as jsx320, jsxs as jsxs157 } from "react/jsx-runtime";
+import { jsx as jsx320, jsxs as jsxs158 } from "react/jsx-runtime";
 var getMarkers = (props) => {
   if (props.markers && "markers" in props.markers) {
     const { strict: strict2 } = props.markers;
@@ -13273,7 +13614,7 @@ var Range = React25.forwardRef(
       }
     );
     const bulletSize = strict === true ? 22 : 14;
-    return /* @__PURE__ */ jsxs157(
+    return /* @__PURE__ */ jsxs158(
       Label_default,
       {
         $required: required,
@@ -13282,9 +13623,9 @@ var Range = React25.forwardRef(
         $width: width,
         children: [
           label && /* @__PURE__ */ jsx320("div", { children: label }),
-          viewMode ? /* @__PURE__ */ jsx320(ViewModeContainer_default, { children: currentValue }) : /* @__PURE__ */ jsxs157(LabelsContainer_default, { $position: position, children: [
+          viewMode ? /* @__PURE__ */ jsx320(ViewModeContainer_default, { children: currentValue }) : /* @__PURE__ */ jsxs158(LabelsContainer_default, { $position: position, children: [
             minLabel && /* @__PURE__ */ jsx320(MinMaxLabelContainer_default, { children: minLabel }),
-            /* @__PURE__ */ jsxs157(InputContainer_default, { $invalid: invalid, children: [
+            /* @__PURE__ */ jsxs158(InputContainer_default, { $invalid: invalid, children: [
               markers.length > 0 && /* @__PURE__ */ jsx320(MarkersContainer_default, { children: markers.map((marker, index) => {
                 const firstChild = strict || min === markers[0].value;
                 const lastChild = strict || max === markers[markers.length - 1].value;
@@ -13309,7 +13650,7 @@ var Range = React25.forwardRef(
                   index
                 );
               }) }),
-              /* @__PURE__ */ jsxs157("div", { children: [
+              /* @__PURE__ */ jsxs158("div", { children: [
                 /* @__PURE__ */ jsx320(
                   Input_default2,
                   {
@@ -13319,8 +13660,8 @@ var Range = React25.forwardRef(
                     $bulletSize: bulletSize
                   }
                 ),
-                !hideNavbar && /* @__PURE__ */ jsxs157(NavBar_default, { $position: position, $strict: strict, children: [
-                  /* @__PURE__ */ jsxs157(
+                !hideNavbar && /* @__PURE__ */ jsxs158(NavBar_default, { $position: position, $strict: strict, children: [
+                  /* @__PURE__ */ jsxs158(
                     "div",
                     {
                       style: {
@@ -13526,7 +13867,7 @@ var Header2 = () => {
 var Header_default = Header2;
 
 // src/components/Input/components/Select/hooks/Select/index.tsx
-import { jsx as jsx322, jsxs as jsxs158 } from "react/jsx-runtime";
+import { jsx as jsx322, jsxs as jsxs159 } from "react/jsx-runtime";
 var getOptions = (onSelect, options, selected) => {
   return options.map((option, index) => {
     const { value, onClick, rules, disabled } = option;
@@ -13595,7 +13936,7 @@ var useSelect = (props, [highlight, setHighlight], [options, setOptions], setOpe
     onReset,
     menu: {
       itemSpacing: "s3",
-      before: /* @__PURE__ */ jsxs158(React28.Fragment, { children: [
+      before: /* @__PURE__ */ jsxs159(React28.Fragment, { children: [
         /* @__PURE__ */ jsx322(Header_default, {}),
         /* @__PURE__ */ jsx322(
           HiddenInput,
@@ -13638,7 +13979,7 @@ var useContext3 = () => React29.useContext(Provider4);
 var context_default3 = Provider4;
 
 // src/components/Input/components/Select/hooks/SelectMultiple/components/Footer/index.tsx
-import { jsx as jsx323, jsxs as jsxs159 } from "react/jsx-runtime";
+import { jsx as jsx323, jsxs as jsxs160 } from "react/jsx-runtime";
 var Footer2 = () => {
   const context = useContext3();
   const {
@@ -13664,7 +14005,7 @@ var Footer2 = () => {
     setValue(value2, data);
     setOpen(false);
   };
-  return /* @__PURE__ */ jsxs159(React30.Fragment, { children: [
+  return /* @__PURE__ */ jsxs160(React30.Fragment, { children: [
     error && /* @__PURE__ */ jsx323(
       "span",
       {
@@ -13754,7 +14095,7 @@ var SelectAllContainer = styled41.div`
 `;
 
 // src/components/Input/components/Select/hooks/SelectMultiple/components/Header/index.tsx
-import { jsx as jsx325, jsxs as jsxs160 } from "react/jsx-runtime";
+import { jsx as jsx325, jsxs as jsxs161 } from "react/jsx-runtime";
 var CheckAll = () => {
   const context = useContext3();
   const {
@@ -13785,8 +14126,8 @@ var CheckAll = () => {
       return checked2;
     });
   };
-  return /* @__PURE__ */ jsxs160(SelectAllContainer, { children: [
-    /* @__PURE__ */ jsxs160("b", { children: [
+  return /* @__PURE__ */ jsxs161(SelectAllContainer, { children: [
+    /* @__PURE__ */ jsxs161("b", { children: [
       "Selecionados (",
       checked.length,
       ")"
@@ -13810,7 +14151,7 @@ var Header3 = () => {
     limits
   } = context;
   const showSelectAll = context.props.selectAll && limits.max === void 0;
-  return /* @__PURE__ */ jsxs160(HeaderContainer2, { children: [
+  return /* @__PURE__ */ jsxs161(HeaderContainer2, { children: [
     showSelectAll && /* @__PURE__ */ jsx325(CheckAll, {}),
     /* @__PURE__ */ jsx325(
       Input_default,
@@ -13902,7 +14243,7 @@ var resolveLimits = (minSelected, maxSelected) => {
 };
 
 // src/components/Input/components/Select/hooks/SelectMultiple/index.tsx
-import { jsx as jsx327, jsxs as jsxs161 } from "react/jsx-runtime";
+import { jsx as jsx327, jsxs as jsxs162 } from "react/jsx-runtime";
 var getOptions2 = (options, value, checked, limits) => {
   const limitReached = limits.enabled && typeof limits.max === "number" && checked.length >= limits.max && !limits.error;
   return options.map((option) => {
@@ -13985,7 +14326,7 @@ var useSelectMultiple = (props, [highlight, setHighlight], [options, setOptions]
     onReset,
     menu: {
       itemSpacing: void 0,
-      before: /* @__PURE__ */ jsxs161(React32.Fragment, { children: [
+      before: /* @__PURE__ */ jsxs162(React32.Fragment, { children: [
         /* @__PURE__ */ jsx327(Header_default2, {}),
         /* @__PURE__ */ jsx327(
           HiddenInput,
@@ -14039,7 +14380,7 @@ var useSelectMultiple = (props, [highlight, setHighlight], [options, setOptions]
 var SelectMultiple_default = useSelectMultiple;
 
 // src/components/Input/components/Select/index.tsx
-import { jsx as jsx328, jsxs as jsxs162 } from "react/jsx-runtime";
+import { jsx as jsx328, jsxs as jsxs163 } from "react/jsx-runtime";
 var Select = React33.forwardRef(
   (props, ref) => {
     const { position, loader: loader2, initialLoader } = props;
@@ -14142,7 +14483,7 @@ var Select = React33.forwardRef(
         setOpen,
         searchInput: [searchInput, setSearchInput]
       },
-      /* @__PURE__ */ jsxs162(
+      /* @__PURE__ */ jsxs163(
         RelativeContainer7,
         {
           ref: onClickOut_default(() => setOpen(false)),
@@ -14226,8 +14567,9 @@ import React34 from "react";
 // src/components/Input/components/Switch/styles.ts
 import styled42, { css as css32 } from "styled-components";
 var LabelContainer7 = styled42.div`
-  ${({ theme: theme4 }) => theme4.useTypography("p")}
-  line-height: 14px;
+  ${({ theme: theme4 }) => theme4.useTypography("p", {
+  lineHeight: theme4.spacings.s3
+})}
   display: flex;
   align-items: center;
 
@@ -14337,7 +14679,7 @@ var Label7 = styled42.label`
 `;
 
 // src/components/Input/components/Switch/index.tsx
-import { jsx as jsx329, jsxs as jsxs163 } from "react/jsx-runtime";
+import { jsx as jsx329, jsxs as jsxs164 } from "react/jsx-runtime";
 var Switch = (props) => {
   const { isRequired, isInvalid: isInvalid2, isViewMode, isDisabled } = Form_default.useContext(
     props.name
@@ -14359,7 +14701,7 @@ var Switch = (props) => {
     "breakLabel"
   ]);
   htmlProps.disabled = props.disabled || props.htmlDisabled;
-  return /* @__PURE__ */ jsxs163(
+  return /* @__PURE__ */ jsxs164(
     Label7,
     {
       ...props.labelProps || {},
@@ -14381,7 +14723,7 @@ var Switch = (props) => {
             $keepSpace: true,
             children: label[props.checked ? "after" : "before"]
           }
-        ) : /* @__PURE__ */ jsxs163(React34.Fragment, { children: [
+        ) : /* @__PURE__ */ jsxs164(React34.Fragment, { children: [
           label.before && /* @__PURE__ */ jsx329(LabelContainer7, { children: label.before }),
           /* @__PURE__ */ jsx329("input", { ...htmlProps, type: "checkbox" }),
           /* @__PURE__ */ jsx329("span", {}),
@@ -14402,21 +14744,18 @@ import React35 from "react";
 // src/components/Input/components/Tags/components/Input/styles.ts
 import styled43 from "styled-components";
 var Input4 = styled43.input`
-  ${({ theme: theme4 }) => theme4.useTypography("p")};
+  ${({ theme: theme4 }) => theme4.useTypography("p")}
 
   color: ${({ theme: theme4, $invalid: invalid }) => {
   return invalid ? theme4.colors.warningRed : theme4.colors.darkBlue;
 }};
 
-  line-height: 17px;
-
   &::placeholder {
     color: ${({ theme: theme4, $invalid: invalid }) => {
   return invalid ? theme4.colors.warningRed : theme4.colors.darkGrey;
 }};
 
-    line-height: 17px;
-    ${({ theme: theme4 }) => theme4.useTypography("p")};
+    ${({ theme: theme4 }) => theme4.useTypography("p")}
     opacity: 1;
   }
 
@@ -14500,7 +14839,6 @@ var Label_default3 = Label9;
 import styled45 from "styled-components";
 var Tag = styled45.div`
   ${({ theme: theme4 }) => theme4.useTypography("p")}
-  line-height: 17px;
 
   background-color: ${({ theme: theme4 }) => theme4.colors.white};
   color: ${({ theme: theme4 }) => theme4.colors.darkBlue};
@@ -14519,9 +14857,9 @@ var Tag = styled45.div`
 `;
 
 // src/components/Input/components/Tags/components/Tag/index.tsx
-import { jsx as jsx332, jsxs as jsxs164 } from "react/jsx-runtime";
+import { jsx as jsx332, jsxs as jsxs165 } from "react/jsx-runtime";
 var Tag2 = ({ invalid, onClose, ...props }) => {
-  return /* @__PURE__ */ jsxs164(Tag, { ...props, $invalid: invalid, children: [
+  return /* @__PURE__ */ jsxs165(Tag, { ...props, $invalid: invalid, children: [
     props.children,
     /* @__PURE__ */ jsx332("div", { onClick: onClose, children: /* @__PURE__ */ jsx332(
       Icon_default,
@@ -14591,7 +14929,7 @@ var TagContainer = styled46.div`
 `;
 
 // src/components/Input/components/Tags/index.tsx
-import { jsx as jsx333, jsxs as jsxs165 } from "react/jsx-runtime";
+import { jsx as jsx333, jsxs as jsxs166 } from "react/jsx-runtime";
 var Tags = React36.forwardRef(
   (props, ref) => {
     const { value, setValue } = props;
@@ -14620,9 +14958,9 @@ var Tags = React36.forwardRef(
       prev.splice(index, 1);
       setValue([...prev]);
     };
-    return /* @__PURE__ */ jsxs165(Label10, { $disabled: props.disabled, $width: props.width, children: [
+    return /* @__PURE__ */ jsxs166(Label10, { $disabled: props.disabled, $width: props.width, children: [
       /* @__PURE__ */ jsx333(Label_default3, { required: props.required, children: props.label }),
-      /* @__PURE__ */ jsxs165(
+      /* @__PURE__ */ jsxs166(
         TagContainer,
         {
           $invalid: props.invalid,
@@ -14800,7 +15138,7 @@ var Item = styled47.div`
 `;
 
 // src/components/Filters/AppliedFilters/components/Menu/index.tsx
-import { jsx as jsx335, jsxs as jsxs166 } from "react/jsx-runtime";
+import { jsx as jsx335, jsxs as jsxs167 } from "react/jsx-runtime";
 var AppliedFiltersMenu = (props) => {
   const {
     open,
@@ -14835,9 +15173,9 @@ var AppliedFiltersMenu = (props) => {
       height: "261px",
       transition: { properties: { height: {} } },
       ...props.containerProps || {},
-      children: /* @__PURE__ */ jsxs166("div", { children: [
-        /* @__PURE__ */ jsxs166(Header4, { children: [
-          /* @__PURE__ */ jsxs166("div", { children: [
+      children: /* @__PURE__ */ jsxs167("div", { children: [
+        /* @__PURE__ */ jsxs167(Header4, { children: [
+          /* @__PURE__ */ jsxs167("div", { children: [
             /* @__PURE__ */ jsx335(Title, { children: "Filtros Aplicados" }),
             /* @__PURE__ */ jsx335(Link_default2, { onClick: onClear, children: "Limpar Todos" })
           ] }),
@@ -14877,8 +15215,8 @@ var AppliedFiltersMenu = (props) => {
             },
             name
           }, index) => {
-            return /* @__PURE__ */ jsxs166(Item, { children: [
-              /* @__PURE__ */ jsxs166("div", { children: [
+            return /* @__PURE__ */ jsxs167(Item, { children: [
+              /* @__PURE__ */ jsxs167("div", { children: [
                 /* @__PURE__ */ jsx335("div", { children: filter }),
                 /* @__PURE__ */ jsx335("div", { children: option })
               ] }),
@@ -14903,12 +15241,12 @@ var AppliedFiltersMenu = (props) => {
 var Menu_default3 = AppliedFiltersMenu;
 
 // src/components/Filters/AppliedFilters/index.tsx
-import { jsx as jsx336, jsxs as jsxs167 } from "react/jsx-runtime";
+import { jsx as jsx336, jsxs as jsxs168 } from "react/jsx-runtime";
 var AppliedFilters = Object.assign(
   (props) => {
     const { appliedFilters, containerProps } = props;
     const buttonProps = filterObject(props, ["appliedFilters"]);
-    return /* @__PURE__ */ jsxs167(
+    return /* @__PURE__ */ jsxs168(
       Button_default2,
       {
         ...buttonProps,
@@ -14964,7 +15302,7 @@ var Container13 = styled48.div`
 `;
 
 // src/components/Filters/Filters/components/Submenu/components/Header/index.tsx
-import { jsx as jsx337, jsxs as jsxs168 } from "react/jsx-runtime";
+import { jsx as jsx337, jsxs as jsxs169 } from "react/jsx-runtime";
 var Header5 = (props) => {
   const {
     title,
@@ -14987,7 +15325,7 @@ var Header5 = (props) => {
     setSearch("");
     setSearched("");
   };
-  return /* @__PURE__ */ jsxs168(Container13, { children: [
+  return /* @__PURE__ */ jsxs169(Container13, { children: [
     /* @__PURE__ */ jsx337(EllipsisContainer_default, { children: isString(title) ? title : title.element }),
     withSearch && /* @__PURE__ */ jsx337(
       Input_default4,
@@ -15026,7 +15364,7 @@ var EmptyMessage = styled49.div`
 `;
 
 // src/components/Filters/Filters/components/Submenu/index.tsx
-import { jsx as jsx338, jsxs as jsxs169 } from "react/jsx-runtime";
+import { jsx as jsx338, jsxs as jsxs170 } from "react/jsx-runtime";
 var getInstance = (props) => {
   const { item } = props;
   if (!item) {
@@ -15198,7 +15536,7 @@ var Submenu = (props) => {
         if (search !== "") {
           return /* @__PURE__ */ jsx338(React40.Fragment, { children: "Nenhum resultado foi encontrado" });
         }
-        return /* @__PURE__ */ jsxs169(React40.Fragment, { children: [
+        return /* @__PURE__ */ jsxs170(React40.Fragment, { children: [
           "Utilize a busca para pesquisar por ",
           /* @__PURE__ */ jsx338("br", {}),
           label.text
@@ -15882,7 +16220,7 @@ var Container14 = styled53.div`
 `;
 
 // src/components/Modal/component.tsx
-import { jsx as jsx344, jsxs as jsxs170 } from "react/jsx-runtime";
+import { jsx as jsx344, jsxs as jsxs171 } from "react/jsx-runtime";
 var Modal = (props) => {
   const {
     openState,
@@ -15918,7 +16256,7 @@ var Modal = (props) => {
     };
   }, []);
   const _size = size3 ? heights[size3] : heights.default;
-  return /* @__PURE__ */ jsx344(Portal_default, { opened: open || false, id: "modal", children: /* @__PURE__ */ jsx344(Background, { onClick: onClickOutside, children: /* @__PURE__ */ jsxs170(
+  return /* @__PURE__ */ jsx344(Portal_default, { opened: open || false, id: "modal", children: /* @__PURE__ */ jsx344(Background, { onClick: onClickOutside, children: /* @__PURE__ */ jsxs171(
     Container14,
     {
       $size: size3 || "small",
@@ -15935,7 +16273,7 @@ var Modal = (props) => {
             borderSize: "3px"
           }
         ) : children || content }),
-        /* @__PURE__ */ jsxs170(Footer3, { children: [
+        /* @__PURE__ */ jsxs171(Footer3, { children: [
           /* @__PURE__ */ jsx344(FooterMessage, { children: footerMessage && (typeof footerMessage === "string" ? /* @__PURE__ */ jsx344("span", { children: footerMessage }) : footerMessage) }),
           /* @__PURE__ */ jsx344(FooterButtons, { children: footer ? footer.map(({ children: children2, ...buttonProps }, index) => /* @__PURE__ */ jsx344(Button_default, { ...buttonProps, children: children2 }, index)) : /* @__PURE__ */ jsx344(
             Button_default,
@@ -16165,18 +16503,18 @@ var MainLine = styled57(HeaderLine)`
 `;
 
 // src/components/Placeholder/components/Template1/index.tsx
-import { jsx as jsx348, jsxs as jsxs171 } from "react/jsx-runtime";
+import { jsx as jsx348, jsxs as jsxs172 } from "react/jsx-runtime";
 var Template1 = (props) => {
   if (!props.loading) return /* @__PURE__ */ jsx348(React48.Fragment, {});
-  return /* @__PURE__ */ jsxs171(Container15, { children: [
-    /* @__PURE__ */ jsxs171(Header7, { children: [
+  return /* @__PURE__ */ jsxs172(Container15, { children: [
+    /* @__PURE__ */ jsxs172(Header7, { children: [
       /* @__PURE__ */ jsx348(HeaderImage, {}),
-      /* @__PURE__ */ jsxs171(HeaderContent, { children: [
+      /* @__PURE__ */ jsxs172(HeaderContent, { children: [
         /* @__PURE__ */ jsx348(HeaderLine, { $size: "medium", $height: "9px", $color: "#E6E6E6" }),
         /* @__PURE__ */ jsx348(HeaderLine, { $size: "small", $height: "9px", $color: "#E6E6E6" })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs171(MainContent, { children: [
+    /* @__PURE__ */ jsxs172(MainContent, { children: [
       /* @__PURE__ */ jsx348(MainLine, { $size: "medium", $height: "9px", $color: "#E6E6E6" }),
       /* @__PURE__ */ jsx348(MainLine, { $size: "small", $height: "9px", $color: "#E6E6E6" }),
       /* @__PURE__ */ jsx348(MainLine, { $size: "mini", $height: "9px", $color: "#E6E6E6" }),
@@ -16256,18 +16594,18 @@ var MainLine2 = styled59(HeaderLine2)`
 var HeaderLine3 = styled59(HeaderLine2)``;
 
 // src/components/Placeholder/components/Template2/index.tsx
-import { jsx as jsx349, jsxs as jsxs172 } from "react/jsx-runtime";
+import { jsx as jsx349, jsxs as jsxs173 } from "react/jsx-runtime";
 var Template2 = (props) => {
   if (!props.loading) return /* @__PURE__ */ jsx349(React49.Fragment, {});
-  return /* @__PURE__ */ jsxs172(Template2Container, { children: [
-    /* @__PURE__ */ jsxs172(Header8, { children: [
+  return /* @__PURE__ */ jsxs173(Template2Container, { children: [
+    /* @__PURE__ */ jsxs173(Header8, { children: [
       /* @__PURE__ */ jsx349(HeaderImage2, {}),
-      /* @__PURE__ */ jsxs172(HeaderContent2, { children: [
+      /* @__PURE__ */ jsxs173(HeaderContent2, { children: [
         /* @__PURE__ */ jsx349(HeaderLine3, { $size: "mini", $height: "9px", $color: "#E6E6E6" }),
         /* @__PURE__ */ jsx349(HeaderLine3, { $size: "mini", $height: "9px", $color: "#E6E6E6" })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs172(MainContent2, { children: [
+    /* @__PURE__ */ jsxs173(MainContent2, { children: [
       /* @__PURE__ */ jsx349(MainLine2, { $size: "mini", $height: "9px", $color: "#E6E6E6" }),
       /* @__PURE__ */ jsx349(MainLine2, { $size: "mini", $height: "9px", $color: "#E6E6E6" })
     ] })
@@ -16293,10 +16631,10 @@ var Template3Line = styled60(HeaderLine2)`
 `;
 
 // src/components/Placeholder/components/Template3/index.tsx
-import { jsx as jsx350, jsxs as jsxs173 } from "react/jsx-runtime";
+import { jsx as jsx350, jsxs as jsxs174 } from "react/jsx-runtime";
 var Template3 = (props) => {
   if (!props.loading) return /* @__PURE__ */ jsx350(React50.Fragment, {});
-  return /* @__PURE__ */ jsxs173(Template3Container, { children: [
+  return /* @__PURE__ */ jsxs174(Template3Container, { children: [
     /* @__PURE__ */ jsx350(Template3Line, { $size: "large", $height: "7px", $color: "#DADADA" }),
     /* @__PURE__ */ jsx350(Template3Line, { $size: "small", $height: "7px", $color: "#DADADA" }),
     /* @__PURE__ */ jsx350(Template3Line, { $size: "medium", $height: "7px", $color: "#DADADA" }),
@@ -16353,10 +16691,10 @@ var CustomLine = styled61(HeaderLine4)`
 `;
 
 // src/components/Placeholder/components/Template4/index.tsx
-import { jsx as jsx351, jsxs as jsxs174 } from "react/jsx-runtime";
+import { jsx as jsx351, jsxs as jsxs175 } from "react/jsx-runtime";
 var Template4 = (props) => {
   if (!props.loading) return /* @__PURE__ */ jsx351(React51.Fragment, {});
-  return /* @__PURE__ */ jsxs174(Template4Container, { children: [
+  return /* @__PURE__ */ jsxs175(Template4Container, { children: [
     /* @__PURE__ */ jsx351(
       CustomLine,
       {
@@ -16491,12 +16829,12 @@ var MainContent3 = styled62.div`
 `;
 
 // src/components/Placeholder/components/Template5/index.tsx
-import { jsx as jsx352, jsxs as jsxs175 } from "react/jsx-runtime";
+import { jsx as jsx352, jsxs as jsxs176 } from "react/jsx-runtime";
 var Template5 = (props) => {
   if (!props.loading) return /* @__PURE__ */ jsx352(React52.Fragment, {});
-  return /* @__PURE__ */ jsxs175(Container19, { children: [
+  return /* @__PURE__ */ jsxs176(Container19, { children: [
     /* @__PURE__ */ jsx352(Circle, {}),
-    /* @__PURE__ */ jsxs175(MainContent3, { children: [
+    /* @__PURE__ */ jsxs176(MainContent3, { children: [
       /* @__PURE__ */ jsx352(
         CustomLine2,
         {
@@ -16595,10 +16933,10 @@ var CustomLine3 = styled63(HeaderLine6)`
 `;
 
 // src/components/Placeholder/components/Template6/index.tsx
-import { jsx as jsx353, jsxs as jsxs176 } from "react/jsx-runtime";
+import { jsx as jsx353, jsxs as jsxs177 } from "react/jsx-runtime";
 var Template6 = (props) => {
   if (!props.loading) return /* @__PURE__ */ jsx353(React53.Fragment, {});
-  return /* @__PURE__ */ jsx353(Container20, { children: /* @__PURE__ */ jsxs176(Header9, { children: [
+  return /* @__PURE__ */ jsx353(Container20, { children: /* @__PURE__ */ jsxs177(Header9, { children: [
     /* @__PURE__ */ jsx353(
       CustomLine3,
       {
@@ -16697,10 +17035,10 @@ var Circle2 = styled64.div`
 `;
 
 // src/components/Placeholder/components/Template7/index.tsx
-import { jsx as jsx354, jsxs as jsxs177 } from "react/jsx-runtime";
+import { jsx as jsx354, jsxs as jsxs178 } from "react/jsx-runtime";
 var Template7 = (props) => {
   if (!props.loading) return /* @__PURE__ */ jsx354(React54.Fragment, {});
-  return /* @__PURE__ */ jsxs177(Container21, { children: [
+  return /* @__PURE__ */ jsxs178(Container21, { children: [
     /* @__PURE__ */ jsx354(Header10, { children: /* @__PURE__ */ jsx354(
       CustomLine4,
       {
@@ -16710,7 +17048,7 @@ var Template7 = (props) => {
         $size: "large"
       }
     ) }),
-    /* @__PURE__ */ jsxs177(Main3, { children: [
+    /* @__PURE__ */ jsxs178(Main3, { children: [
       /* @__PURE__ */ jsx354(Circle2, {}),
       /* @__PURE__ */ jsx354(Circle2, {}),
       /* @__PURE__ */ jsx354(Circle2, {}),
@@ -16781,10 +17119,10 @@ var Main4 = styled65.div`
 `;
 
 // src/components/Placeholder/components/Template8/index.tsx
-import { jsx as jsx355, jsxs as jsxs178 } from "react/jsx-runtime";
+import { jsx as jsx355, jsxs as jsxs179 } from "react/jsx-runtime";
 var Template8 = (props) => {
   if (!props.loading) return /* @__PURE__ */ jsx355(React55.Fragment, {});
-  return /* @__PURE__ */ jsxs178(Container22, { children: [
+  return /* @__PURE__ */ jsxs179(Container22, { children: [
     /* @__PURE__ */ jsx355(Header11, { children: /* @__PURE__ */ jsx355(
       CustomLine5,
       {
@@ -16794,7 +17132,7 @@ var Template8 = (props) => {
         $size: "large"
       }
     ) }),
-    /* @__PURE__ */ jsxs178(Main4, { children: [
+    /* @__PURE__ */ jsxs179(Main4, { children: [
       /* @__PURE__ */ jsx355(
         CustomLine5,
         {
@@ -16885,11 +17223,11 @@ var Circle3 = styled66.div`
 `;
 
 // src/components/Placeholder/components/Template9/index.tsx
-import { jsx as jsx356, jsxs as jsxs179 } from "react/jsx-runtime";
+import { jsx as jsx356, jsxs as jsxs180 } from "react/jsx-runtime";
 var Template82 = (props) => {
   if (!props.loading) return /* @__PURE__ */ jsx356(React56.Fragment, {});
-  return /* @__PURE__ */ jsxs179(Container23, { children: [
-    /* @__PURE__ */ jsxs179(Header12, { children: [
+  return /* @__PURE__ */ jsxs180(Container23, { children: [
+    /* @__PURE__ */ jsxs180(Header12, { children: [
       /* @__PURE__ */ jsx356(
         CustomLine6,
         {
@@ -16985,11 +17323,11 @@ var Circle4 = styled67.div`
 `;
 
 // src/components/Placeholder/components/Template10/index.tsx
-import { jsx as jsx357, jsxs as jsxs180 } from "react/jsx-runtime";
+import { jsx as jsx357, jsxs as jsxs181 } from "react/jsx-runtime";
 var Template10 = (props) => {
   if (!props.loading) return /* @__PURE__ */ jsx357(React57.Fragment, {});
-  return /* @__PURE__ */ jsxs180(Container24, { children: [
-    /* @__PURE__ */ jsxs180(Header13, { children: [
+  return /* @__PURE__ */ jsxs181(Container24, { children: [
+    /* @__PURE__ */ jsxs181(Header13, { children: [
       /* @__PURE__ */ jsx357(
         CustomLine7,
         {
@@ -17009,7 +17347,7 @@ var Template10 = (props) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs180(Main6, { children: [
+    /* @__PURE__ */ jsxs181(Main6, { children: [
       /* @__PURE__ */ jsx357(
         GraphLine,
         {
@@ -17187,11 +17525,11 @@ var Progress = styled68.div`
 `;
 
 // src/components/ProgressBar/index.tsx
-import { jsx as jsx359, jsxs as jsxs181 } from "react/jsx-runtime";
+import { jsx as jsx359, jsxs as jsxs182 } from "react/jsx-runtime";
 var ProgressBar = ({ type, value, ...props }) => {
-  return /* @__PURE__ */ jsxs181(Container25, { $disabled: value === null, children: [
+  return /* @__PURE__ */ jsxs182(Container25, { $disabled: value === null, children: [
     /* @__PURE__ */ jsx359(Progress, { ...props, $type: type, children: /* @__PURE__ */ jsx359("span", { style: { width: `${value || 0}%` } }) }),
-    /* @__PURE__ */ jsxs181("span", { children: [
+    /* @__PURE__ */ jsxs182("span", { children: [
       " ",
       value === null ? "-" : value,
       "%"
@@ -17201,7 +17539,7 @@ var ProgressBar = ({ type, value, ...props }) => {
 var ProgressBar_default = ProgressBar;
 
 // src/components/Signature/index.tsx
-import { useCallback as useCallback5, useEffect as useEffect21, useMemo as useMemo2, useState as useState24 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect21, useMemo as useMemo3, useState as useState24 } from "react";
 import SignatureCanvas from "react-signature-canvas";
 
 // src/components/Signature/styles.ts
@@ -17284,7 +17622,7 @@ var CanvasContainer = styled69.div`
 `;
 
 // src/components/Signature/index.tsx
-import { jsx as jsx360, jsxs as jsxs182 } from "react/jsx-runtime";
+import { jsx as jsx360, jsxs as jsxs183 } from "react/jsx-runtime";
 var FONTS = ["Great Vibes", "Pacifico", "Allura"];
 var FONT_SIZE = 64;
 var voidFn = () => {
@@ -17374,8 +17712,8 @@ var SignatureInput = ({
     ref.clear();
     setValue("");
   }, [ref]);
-  const empty = useMemo2(() => !value && (!ref || ref.isEmpty()), [ref, value]);
-  return /* @__PURE__ */ jsxs182(Container26, { children: [
+  const empty = useMemo3(() => !value && (!ref || ref.isEmpty()), [ref, value]);
+  return /* @__PURE__ */ jsxs183(Container26, { children: [
     /* @__PURE__ */ jsx360(
       Input_default,
       {
@@ -17399,7 +17737,7 @@ var SignatureInput = ({
         } : {}
       }
     ),
-    /* @__PURE__ */ jsxs182(
+    /* @__PURE__ */ jsxs183(
       CanvasContainer,
       {
         $invalid: invalid,
@@ -17407,7 +17745,7 @@ var SignatureInput = ({
           "data-placeholder": canvasPlaceholder
         } : {},
         children: [
-          /* @__PURE__ */ jsxs182("div", { children: [
+          /* @__PURE__ */ jsxs183("div", { children: [
             /* @__PURE__ */ jsx360(
               "button",
               {
@@ -17536,7 +17874,7 @@ var Container28 = styled71.div`
 `;
 
 // src/components/Tabs/components/ScrollButtons/index.tsx
-import { jsx as jsx362, jsxs as jsxs183 } from "react/jsx-runtime";
+import { jsx as jsx362, jsxs as jsxs184 } from "react/jsx-runtime";
 var ScrollButtons = (props) => {
   const { activeTabIndex, tabsLength } = props;
   const [ref, setRef] = useState25(null);
@@ -17568,7 +17906,7 @@ var ScrollButtons = (props) => {
       inline: "nearest"
     });
   }, [activeTabIndex, ref]);
-  return /* @__PURE__ */ jsxs183(React59.Fragment, { children: [
+  return /* @__PURE__ */ jsxs184(React59.Fragment, { children: [
     /* @__PURE__ */ jsx362(ScrollButton_default, { scrollRef: ref, mode: "left", visible: showLeftArrow }),
     /* @__PURE__ */ jsx362(
       Container28,
@@ -17817,7 +18155,7 @@ var Container29 = styled74.div`
 `;
 
 // src/components/Tabs/components/TabItem/index.tsx
-import { jsx as jsx365, jsxs as jsxs184 } from "react/jsx-runtime";
+import { jsx as jsx365, jsxs as jsxs185 } from "react/jsx-runtime";
 var VoidClose = () => /* @__PURE__ */ jsx365(React62.Fragment, {});
 var TabItem = (props) => {
   const {
@@ -17832,7 +18170,7 @@ var TabItem = (props) => {
     const isActive = index === active;
     const hasSiblings = hasChildren(tabs, tab.group);
     const canClose = !props.internal && (!tab.primary || !hasSiblings);
-    return /* @__PURE__ */ jsxs184(
+    return /* @__PURE__ */ jsxs185(
       Container29,
       {
         ...isActive ? { className: "active" } : {},
@@ -17923,7 +18261,7 @@ var Tabs = styled75.div`
 `;
 
 // src/components/Tabs/index.tsx
-import { jsx as jsx366, jsxs as jsxs185 } from "react/jsx-runtime";
+import { jsx as jsx366, jsxs as jsxs186 } from "react/jsx-runtime";
 var VoidProvider = (props) => /* @__PURE__ */ jsx366(React63.Fragment, { children: props.children });
 var Component4 = (props) => {
   const components = props.components || {};
@@ -17942,7 +18280,7 @@ var Component4 = (props) => {
     "delimiter",
     "spacing"
   ]);
-  return /* @__PURE__ */ jsxs185(React63.Fragment, { children: [
+  return /* @__PURE__ */ jsxs186(React63.Fragment, { children: [
     /* @__PURE__ */ jsx366(
       Tabs,
       {
@@ -18130,7 +18468,7 @@ var IconContent = styled77.div`
 `;
 
 // src/components/Toast/index.tsx
-import { jsx as jsx368, jsxs as jsxs186 } from "react/jsx-runtime";
+import { jsx as jsx368, jsxs as jsxs187 } from "react/jsx-runtime";
 var Toast = ({
   size: size3,
   color,
@@ -18139,11 +18477,11 @@ var Toast = ({
   onClose: handlClose,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs186(Container31, { ...props, $size: size3, $color: color, children: [
+  return /* @__PURE__ */ jsxs187(Container31, { ...props, $size: size3, $color: color, children: [
     /* @__PURE__ */ jsx368(IconContainer3, { children: /* @__PURE__ */ jsx368(Icon_default, { type: "feather", icon: "x", onClick: handlClose }) }),
-    /* @__PURE__ */ jsxs186(IconContent, { children: [
+    /* @__PURE__ */ jsxs187(IconContent, { children: [
       /* @__PURE__ */ jsx368("h4", { children: title }),
-      /* @__PURE__ */ jsxs186("p", { children: [
+      /* @__PURE__ */ jsxs187("p", { children: [
         " ",
         description
       ] })
@@ -18225,12 +18563,12 @@ var ModalContent = styled78.div`
 `;
 
 // src/components/Zoom/index.tsx
-import { jsx as jsx369, jsxs as jsxs187 } from "react/jsx-runtime";
+import { jsx as jsx369, jsxs as jsxs188 } from "react/jsx-runtime";
 var Zoom = (props) => {
   const { src, width, height, ...imgProps } = props;
   const [modalOpened, setModalOpened] = useState28(false);
-  return /* @__PURE__ */ jsxs187(React64.Fragment, { children: [
-    /* @__PURE__ */ jsxs187(
+  return /* @__PURE__ */ jsxs188(React64.Fragment, { children: [
+    /* @__PURE__ */ jsxs188(
       Container32,
       {
         ...imgProps,