@zydon/common 2.2.48 → 2.2.49

package/dist/components/SeoPreview/index.js

@@ -1,167 +1,15 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import Box from "@mui/material/Box";
-import Stack from "@mui/material/Stack";
-import Typography from "@mui/material/Typography";
-import Icon from "../Icon";
-import TextMaxLine from "../TextMaxLine";
-import {
-  ImageBoxPreviewLink,
-  InterBoxPreview,
-  InterBoxPreviewLink,
-  LogoImageBox,
-  PreviewBox,
-  ProductImageBox
-} from "./styles";
-const SeoPreview = ({
-  titlePreview,
-  logoImage,
-  brandingName,
-  url,
-  title,
-  description,
-  keyWords,
-  customTitles,
-  productImage,
-  child,
-  previewLinkImage,
-  hasPreviewLink
-}) => {
-  return /* @__PURE__ */ jsx(PreviewBox, { children: /* @__PURE__ */ jsxs(Stack, { gap: 3, display: "flex", flex: 1, children: [
-    /* @__PURE__ */ jsx(Typography, { variant: "overline", color: "text.disabled", children: titlePreview ?? "PR\xC9-VISUALIZA\xC7\xC3O" }),
-    /* @__PURE__ */ jsxs(InterBoxPreview, { children: [
-      /* @__PURE__ */ jsxs(Stack, { direction: "row", pb: 3, gap: 0.5, children: [
-        /* @__PURE__ */ jsx(Box, { height: 0, width: 10, children: /* @__PURE__ */ jsx(Icon, { icon: "CIRCLE", width: 30, color: "error.main" }) }),
-        /* @__PURE__ */ jsx(Box, { height: 0, width: 10, children: /* @__PURE__ */ jsx(Icon, { icon: "CIRCLE", width: 30, color: "warning.main" }) }),
-        /* @__PURE__ */ jsx(Box, { height: 0, width: 10, children: /* @__PURE__ */ jsx(Icon, { icon: "CIRCLE", width: 30, color: "success.main" }) })
-      ] }),
-      /* @__PURE__ */ jsxs(Stack, { flexDirection: "row", gap: 2, justifyContent: "space-between", children: [
-        /* @__PURE__ */ jsxs(Stack, { gap: 1, width: "100%", children: [
-          /* @__PURE__ */ jsxs(Stack, { direction: "row", gap: 1.5, pb: 0.5, children: [
-            logoImage && /* @__PURE__ */ jsx(LogoImageBox, { children: /* @__PURE__ */ jsx("img", { alt: "Logo", src: logoImage }) }),
-            /* @__PURE__ */ jsxs(Stack, { children: [
-              /* @__PURE__ */ jsx(Typography, { variant: "overline", color: "grey.600", pb: 0.5, children: brandingName ?? "SUAEMPRESA" }),
-              /* @__PURE__ */ jsxs(Stack, { direction: "row", gap: 2, children: [
-                /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "grey.600", children: url ?? "https://www.exemplo.com" }),
-                /* @__PURE__ */ jsx(
-                  Icon,
-                  {
-                    icon: "MORE_OPTIONS_VERTICAL",
-                    width: 15,
-                    color: "grey.500"
-                  }
-                )
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx(
-            TextMaxLine,
-            {
-              variant: "subtitle1",
-              color: "#4E5BEC",
-              overflow: "hidden",
-              textOverflow: "ellipsis",
-              line: 5,
-              children: title ?? "Suampresa | P\xE1scoa 2024: Ovos de chocolate? Que nada! Descontos em tecnologia!"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            TextMaxLine,
-            {
-              variant: "caption",
-              color: "text.disabled",
-              overflow: "hidden",
-              textOverflow: "ellipsis",
-              line: 5,
-              children: description ?? "A P\xE1scoa chegou e a Sua Empresa est\xE1 com ofertas chocantes em tecnologia! Descontos de at\xE9 50% em notebooks, smartphones, tablets e muito mais!"
-            }
-          ),
-          keyWords && /* @__PURE__ */ jsx(Stack, { direction: "row", gap: 1, alignItems: "center", children: keyWords.map((keyWord, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.disabled", children: keyWord }),
-            index < keyWords.length - 1 && /* @__PURE__ */ jsx(Box, { width: 4, height: 16, children: /* @__PURE__ */ jsx(
-              Icon,
-              {
-                icon: "CIRCLE",
-                color: "text.disabled",
-                width: 10
-              }
-            ) })
-          ] })) }),
-          customTitles && /* @__PURE__ */ jsx(Stack, { pt: 2, children: customTitles.map((customTitle, index) => /* @__PURE__ */ jsxs(Stack, { gap: 1, children: [
-            /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", color: "#4E5BEC", children: customTitle.title }),
-            /* @__PURE__ */ jsx(
-              TextMaxLine,
-              {
-                variant: "caption",
-                color: "text.disabled",
-                overflow: "hidden",
-                textOverflow: "ellipsis",
-                line: 1,
-                children: customTitle.description ?? "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys stansince the 1500"
-              }
-            )
-          ] }, index)) }),
-          child
-        ] }),
-        productImage && /* @__PURE__ */ jsx(ProductImageBox, { children: /* @__PURE__ */ jsx("img", { alt: "ProductImage", src: productImage }) })
-      ] })
-    ] }),
-    hasPreviewLink && /* @__PURE__ */ jsxs(Stack, { gap: 3, display: "flex", flex: 1, width: "100%", children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "overline", color: "text.disabled", children: "pr\xE9-visualiza\xE7\xE3o link de compartilhamento".toUpperCase() }),
-      /* @__PURE__ */ jsxs(InterBoxPreviewLink, { children: [
-        previewLinkImage && /* @__PURE__ */ jsx(ImageBoxPreviewLink, { children: /* @__PURE__ */ jsx(
-          "img",
-          {
-            alt: "PreviewLinkImage",
-            src: previewLinkImage,
-            style: {
-              width: "100%",
-              height: "100%",
-              objectFit: "cover",
-              borderRadius: 8
-            }
-          }
-        ) }),
-        /* @__PURE__ */ jsxs(Stack, { gap: 0.2, p: 2, width: "100%", children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "caption", children: title ?? "Suampresa | P\xE1scoa 2024: Ovos de chocolate? Que nada! Descontos em tecnologia!" }),
-          /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "grey.600", children: description ?? "A P\xE1scoa chegou e a Sua Empresa est\xE1 com ofertas chocantes em tecnologia! Descontos de at\xE9 50% em notebooks, smartphones, tablets e muito mais!" }),
-          /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "grey.500", children: url ?? "https://www.exemplo.com" })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx(InterBoxPreviewLink, { children: /* @__PURE__ */ jsxs(Stack, { direction: "row", gap: 1, alignItems: "center", children: [
-        /* @__PURE__ */ jsx(
-          Box,
-          {
-            width: 100,
-            height: 95,
-            bgcolor: "grey.100",
-            p: 0.5,
-            alignItems: "center",
-            children: /* @__PURE__ */ jsx(
-              "img",
-              {
-                alt: "Logo",
-                src: logoImage,
-                style: {
-                  width: "100%",
-                  height: "100%",
-                  objectFit: "contain",
-                  borderRadius: 8
-                }
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsxs(Stack, { padding: 1, gap: 0.2, width: "80%", children: [
-          /* @__PURE__ */ jsx(TextMaxLine, { variant: "caption", children: title ?? "Suampresa | P\xE1scoa 2024: Ovos de chocolate? Que nada! Descontos em tecnologia!" }),
-          /* @__PURE__ */ jsx(TextMaxLine, { variant: "caption", color: "grey.600", children: description ?? "A P\xE1scoa chegou e a Sua Empresa est\xE1 com ofertas chocantes em tecnologia! Descontos de at\xE9 50% em notebooks, smartphones, tablets e muito mais!" }),
-          /* @__PURE__ */ jsx(TextMaxLine, { variant: "caption", color: "grey.500", line: 1, children: url ?? "https://www.exemplo.com" })
-        ] })
-      ] }) })
-    ] })
-  ] }) });
-};
-var SeoPreview_default = SeoPreview;
-export {
-  SeoPreview_default as default
-};
+import { a as a$1 } from '../../chunk-6LXCHHW2.js';
+import { a } from '../../chunk-FU42GMHJ.js';
+import '../../chunk-ZK4R7GDN.js';
+import '../../chunk-RPO7AI5K.js';
+import p from '@mui/material/Box';
+import t from '@mui/material/Stack';
+import i from '@mui/material/Typography';
+import { styled } from '@mui/material/styles';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var k=styled(p)(({theme:a})=>({padding:24,borderRadius:8,height:"auto",maxWidth:800,backgroundColor:a.palette.background.default,border:`1px solid ${a.palette.grey[300]}`})),P=styled(t)(({theme:a})=>({minHeight:180,maxWidth:700,border:`4px dotted ${a.palette.grey[300]}`,borderRadius:8,backgroundColor:"#fff",padding:24})),I=styled(p)(()=>({maxWidth:70,maxHeight:40,alignItems:"center","&, img":{flex:1,display:"flex",objectFit:"cover",borderRadius:8}})),B=styled(p)(({theme:a})=>({backgroundColor:a.palette.background.default,maxWidth:90,maxHeight:80,alignItems:"center","&, img":{flex:1,display:"flex",objectFit:"cover",borderRadius:8}})),v=styled(t)(({theme:a})=>({border:`4px dotted ${a.palette.grey[300]}`,borderRadius:8,backgroundColor:"#fff"})),S=styled(p)(({theme:a})=>({width:"auto",height:120,overflow:"hidden",padding:2,borderBottom:`4px dotted ${a.palette.grey[300]}`}));var E=({titlePreview:a$2,logoImage:l,brandingName:L,url:g,title:m,description:x,keyWords:h,customTitles:y,productImage:u,child:C,previewLinkImage:b,hasPreviewLink:T})=>jsx(k,{children:jsxs(t,{gap:3,display:"flex",flex:1,children:[jsx(i,{variant:"overline",color:"text.disabled",children:a$2??"PR\xC9-VISUALIZA\xC7\xC3O"}),jsxs(P,{children:[jsxs(t,{direction:"row",pb:3,gap:.5,children:[jsx(p,{height:0,width:10,children:jsx(a,{icon:"CIRCLE",width:30,color:"error.main"})}),jsx(p,{height:0,width:10,children:jsx(a,{icon:"CIRCLE",width:30,color:"warning.main"})}),jsx(p,{height:0,width:10,children:jsx(a,{icon:"CIRCLE",width:30,color:"success.main"})})]}),jsxs(t,{flexDirection:"row",gap:2,justifyContent:"space-between",children:[jsxs(t,{gap:1,width:"100%",children:[jsxs(t,{direction:"row",gap:1.5,pb:.5,children:[l&&jsx(I,{children:jsx("img",{alt:"Logo",src:l})}),jsxs(t,{children:[jsx(i,{variant:"overline",color:"grey.600",pb:.5,children:L??"SUAEMPRESA"}),jsxs(t,{direction:"row",gap:2,children:[jsx(i,{variant:"caption",color:"grey.600",children:g??"https://www.exemplo.com"}),jsx(a,{icon:"MORE_OPTIONS_VERTICAL",width:15,color:"grey.500"})]})]})]}),jsx(a$1,{variant:"subtitle1",color:"#4E5BEC",overflow:"hidden",textOverflow:"ellipsis",line:5,children:m??"Suampresa | P\xE1scoa 2024: Ovos de chocolate? Que nada! Descontos em tecnologia!"}),jsx(a$1,{variant:"caption",color:"text.disabled",overflow:"hidden",textOverflow:"ellipsis",line:5,children:x??"A P\xE1scoa chegou e a Sua Empresa est\xE1 com ofertas chocantes em tecnologia! Descontos de at\xE9 50% em notebooks, smartphones, tablets e muito mais!"}),h&&jsx(t,{direction:"row",gap:1,alignItems:"center",children:h.map((s,w)=>jsxs(Fragment,{children:[jsx(i,{variant:"caption",color:"text.disabled",children:s}),w<h.length-1&&jsx(p,{width:4,height:16,children:jsx(a,{icon:"CIRCLE",color:"text.disabled",width:10})})]}))}),y&&jsx(t,{pt:2,children:y.map((s,w)=>jsxs(t,{gap:1,children:[jsx(i,{variant:"subtitle1",color:"#4E5BEC",children:s.title}),jsx(a$1,{variant:"caption",color:"text.disabled",overflow:"hidden",textOverflow:"ellipsis",line:1,children:s.description??"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys stansince the 1500"})]},w))}),C]}),u&&jsx(B,{children:jsx("img",{alt:"ProductImage",src:u})})]})]}),T&&jsxs(t,{gap:3,display:"flex",flex:1,width:"100%",children:[jsx(i,{variant:"overline",color:"text.disabled",children:"pr\xE9-visualiza\xE7\xE3o link de compartilhamento".toUpperCase()}),jsxs(v,{children:[b&&jsx(S,{children:jsx("img",{alt:"PreviewLinkImage",src:b,style:{width:"100%",height:"100%",objectFit:"cover",borderRadius:8}})}),jsxs(t,{gap:.2,p:2,width:"100%",children:[jsx(i,{variant:"caption",children:m??"Suampresa | P\xE1scoa 2024: Ovos de chocolate? Que nada! Descontos em tecnologia!"}),jsx(i,{variant:"caption",color:"grey.600",children:x??"A P\xE1scoa chegou e a Sua Empresa est\xE1 com ofertas chocantes em tecnologia! Descontos de at\xE9 50% em notebooks, smartphones, tablets e muito mais!"}),jsx(i,{variant:"caption",color:"grey.500",children:g??"https://www.exemplo.com"})]})]}),jsx(v,{children:jsxs(t,{direction:"row",gap:1,alignItems:"center",children:[jsx(p,{width:100,height:95,bgcolor:"grey.100",p:.5,alignItems:"center",children:jsx("img",{alt:"Logo",src:l,style:{width:"100%",height:"100%",objectFit:"contain",borderRadius:8}})}),jsxs(t,{padding:1,gap:.2,width:"80%",children:[jsx(a$1,{variant:"caption",children:m??"Suampresa | P\xE1scoa 2024: Ovos de chocolate? Que nada! Descontos em tecnologia!"}),jsx(a$1,{variant:"caption",color:"grey.600",children:x??"A P\xE1scoa chegou e a Sua Empresa est\xE1 com ofertas chocantes em tecnologia! Descontos de at\xE9 50% em notebooks, smartphones, tablets e muito mais!"}),jsx(a$1,{variant:"caption",color:"grey.500",line:1,children:g??"https://www.exemplo.com"})]})]})})]})]})}),V=E;
+
+export { V as default };
+//# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/SeoPreview/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/SeoPreview/index.tsx"],"sourcesContent":["import Box from '@mui/material/Box';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\n\nimport Icon from '../Icon';\nimport TextMaxLine from '../TextMaxLine';\n\nimport { SeoPreviewProps } from './props';\nimport {\n  ImageBoxPreviewLink,\n  InterBoxPreview,\n  InterBoxPreviewLink,\n  LogoImageBox,\n  PreviewBox,\n  ProductImageBox,\n} from './styles';\n\nconst SeoPreview = ({\n  titlePreview,\n  logoImage,\n  brandingName,\n  url,\n  title,\n  description,\n  keyWords,\n  customTitles,\n  productImage,\n  child,\n  previewLinkImage,\n  hasPreviewLink,\n}: SeoPreviewProps) => {\n  return (\n    <PreviewBox>\n      <Stack gap={3} display=\"flex\" flex={1}>\n        <Typography variant=\"overline\" color=\"text.disabled\">\n          {titlePreview ?? 'PRÉ-VISUALIZAÇÃO'}\n        </Typography>\n\n        <InterBoxPreview>\n          <Stack direction=\"row\" pb={3} gap={0.5}>\n            <Box height={0} width={10}>\n              <Icon icon=\"CIRCLE\" width={30} color=\"error.main\" />\n            </Box>\n            <Box height={0} width={10}>\n              <Icon icon=\"CIRCLE\" width={30} color=\"warning.main\" />\n            </Box>\n            <Box height={0} width={10}>\n              <Icon icon=\"CIRCLE\" width={30} color=\"success.main\" />\n            </Box>\n          </Stack>\n\n          <Stack flexDirection=\"row\" gap={2} justifyContent=\"space-between\">\n            <Stack gap={1} width=\"100%\">\n              <Stack direction=\"row\" gap={1.5} pb={0.5}>\n                {logoImage && (\n                  <LogoImageBox>\n                    <img alt=\"Logo\" src={logoImage} />\n                  </LogoImageBox>\n                )}\n                <Stack>\n                  <Typography variant=\"overline\" color=\"grey.600\" pb={0.5}>\n                    {brandingName ?? 'SUAEMPRESA'}\n                  </Typography>\n\n                  <Stack direction=\"row\" gap={2}>\n                    <Typography variant=\"caption\" color=\"grey.600\">\n                      {url ?? 'https://www.exemplo.com'}\n                    </Typography>\n\n                    <Icon\n                      icon=\"MORE_OPTIONS_VERTICAL\"\n                      width={15}\n                      color={'grey.500'}\n                    />\n                  </Stack>\n                </Stack>\n              </Stack>\n\n              <TextMaxLine\n                variant=\"subtitle1\"\n                color=\"#4E5BEC\"\n                overflow=\"hidden\"\n                textOverflow=\"ellipsis\"\n                line={5}\n              >\n                {title ??\n                  'Suampresa | Páscoa 2024: Ovos de chocolate? Que nada! Descontos em tecnologia!'}\n              </TextMaxLine>\n\n              <TextMaxLine\n                variant=\"caption\"\n                color=\"text.disabled\"\n                overflow=\"hidden\"\n                textOverflow=\"ellipsis\"\n                line={5}\n              >\n                {description ??\n                  'A Páscoa chegou e a Sua Empresa está com ofertas chocantes em tecnologia! Descontos de até 50% em notebooks, smartphones, tablets e muito mais!'}\n              </TextMaxLine>\n\n              {keyWords && (\n                <Stack direction=\"row\" gap={1} alignItems=\"center\">\n                  {keyWords.map((keyWord, index) => (\n                    <>\n                      <Typography variant=\"caption\" color=\"text.disabled\">\n                        {keyWord}\n                      </Typography>\n\n                      {index < keyWords.length - 1 && (\n                        <Box width={4} height={16}>\n                          <Icon\n                            icon=\"CIRCLE\"\n                            color=\"text.disabled\"\n                            width={10}\n                          />\n                        </Box>\n                      )}\n                    </>\n                  ))}\n                </Stack>\n              )}\n\n              {customTitles && (\n                <Stack pt={2}>\n                  {customTitles.map((customTitle, index) => (\n                    <Stack key={index} gap={1}>\n                      <Typography variant=\"subtitle1\" color=\"#4E5BEC\">\n                        {customTitle.title}\n                      </Typography>\n                      <TextMaxLine\n                        variant=\"caption\"\n                        color=\"text.disabled\"\n                        overflow=\"hidden\"\n                        textOverflow=\"ellipsis\"\n                        line={1}\n                      >\n                        {customTitle.description ??\n                          'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys stansince the 1500'}\n                      </TextMaxLine>\n                    </Stack>\n                  ))}\n                </Stack>\n              )}\n              {child}\n            </Stack>\n\n            {productImage && (\n              <ProductImageBox>\n                <img alt=\"ProductImage\" src={productImage} />\n              </ProductImageBox>\n            )}\n          </Stack>\n        </InterBoxPreview>\n        {hasPreviewLink && (\n          <Stack gap={3} display=\"flex\" flex={1} width=\"100%\">\n            <Typography variant=\"overline\" color=\"text.disabled\">\n              {'pré-visualização link de compartilhamento'.toUpperCase()}\n            </Typography>\n\n            <InterBoxPreviewLink>\n              {previewLinkImage && (\n                <ImageBoxPreviewLink>\n                  <img\n                    alt=\"PreviewLinkImage\"\n                    src={previewLinkImage}\n                    style={{\n                      width: '100%',\n                      height: '100%',\n                      objectFit: 'cover',\n                      borderRadius: 8,\n                    }}\n                  />\n                </ImageBoxPreviewLink>\n              )}\n\n              <Stack gap={0.2} p={2} width=\"100%\">\n                <Typography variant=\"caption\">\n                  {title ??\n                    'Suampresa | Páscoa 2024: Ovos de chocolate? Que nada! Descontos em tecnologia!'}\n                </Typography>\n\n                <Typography variant=\"caption\" color={'grey.600'}>\n                  {description ??\n                    'A Páscoa chegou e a Sua Empresa está com ofertas chocantes em tecnologia! Descontos de até 50% em notebooks, smartphones, tablets e muito mais!'}\n                </Typography>\n\n                <Typography variant=\"caption\" color={'grey.500'}>\n                  {url ?? 'https://www.exemplo.com'}\n                </Typography>\n              </Stack>\n            </InterBoxPreviewLink>\n\n            <InterBoxPreviewLink>\n              <Stack direction=\"row\" gap={1} alignItems=\"center\">\n                <Box\n                  width={100}\n                  height={95}\n                  bgcolor=\"grey.100\"\n                  p={0.5}\n                  alignItems=\"center\"\n                >\n                  <img\n                    alt=\"Logo\"\n                    src={logoImage}\n                    style={{\n                      width: '100%',\n                      height: '100%',\n                      objectFit: 'contain',\n                      borderRadius: 8,\n                    }}\n                  />\n                </Box>\n\n                <Stack padding={1} gap={0.2} width=\"80%\">\n                  <TextMaxLine variant=\"caption\">\n                    {title ??\n                      'Suampresa | Páscoa 2024: Ovos de chocolate? Que nada! Descontos em tecnologia!'}\n                  </TextMaxLine>\n\n                  <TextMaxLine variant=\"caption\" color={'grey.600'}>\n                    {description ??\n                      'A Páscoa chegou e a Sua Empresa está com ofertas chocantes em tecnologia! Descontos de até 50% em notebooks, smartphones, tablets e muito mais!'}\n                  </TextMaxLine>\n\n                  <TextMaxLine variant=\"caption\" color={'grey.500'} line={1}>\n                    {url ?? 'https://www.exemplo.com'}\n                  </TextMaxLine>\n                </Stack>\n              </Stack>\n            </InterBoxPreviewLink>\n          </Stack>\n        )}\n      </Stack>\n    </PreviewBox>\n  );\n};\n\nexport default SeoPreview;\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/SeoPreview/index.tsx","../../../src/components/SeoPreview/styles.ts"],"names":["Box","Stack","Typography","styled","PreviewBox","theme","InterBoxPreview","LogoImageBox","ProductImageBox","InterBoxPreviewLink","ImageBoxPreviewLink","Fragment","jsx","jsxs","SeoPreview","titlePreview","logoImage","brandingName","url","title","description","keyWords","customTitles","productImage","child","previewLinkImage","hasPreviewLink","Icon_default","TextMaxLine_default","keyWord","index","customTitle","SeoPreview_default"],"mappings":"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","sourcesContent":["import Box from '@mui/material/Box';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\n\nimport Icon from '../Icon';\nimport TextMaxLine from '../TextMaxLine';\n\nimport { SeoPreviewProps } from './props';\nimport {\n  ImageBoxPreviewLink,\n  InterBoxPreview,\n  InterBoxPreviewLink,\n  LogoImageBox,\n  PreviewBox,\n  ProductImageBox,\n} from './styles';\n\nconst SeoPreview = ({\n  titlePreview,\n  logoImage,\n  brandingName,\n  url,\n  title,\n  description,\n  keyWords,\n  customTitles,\n  productImage,\n  child,\n  previewLinkImage,\n  hasPreviewLink,\n}: SeoPreviewProps) => {\n  return (\n    <PreviewBox>\n      <Stack gap={3} display=\"flex\" flex={1}>\n        <Typography variant=\"overline\" color=\"text.disabled\">\n          {titlePreview ?? 'PRÉ-VISUALIZAÇÃO'}\n        </Typography>\n\n        <InterBoxPreview>\n          <Stack direction=\"row\" pb={3} gap={0.5}>\n            <Box height={0} width={10}>\n              <Icon icon=\"CIRCLE\" width={30} color=\"error.main\" />\n            </Box>\n            <Box height={0} width={10}>\n              <Icon icon=\"CIRCLE\" width={30} color=\"warning.main\" />\n            </Box>\n            <Box height={0} width={10}>\n              <Icon icon=\"CIRCLE\" width={30} color=\"success.main\" />\n            </Box>\n          </Stack>\n\n          <Stack flexDirection=\"row\" gap={2} justifyContent=\"space-between\">\n            <Stack gap={1} width=\"100%\">\n              <Stack direction=\"row\" gap={1.5} pb={0.5}>\n                {logoImage && (\n                  <LogoImageBox>\n                    <img alt=\"Logo\" src={logoImage} />\n                  </LogoImageBox>\n                )}\n                <Stack>\n                  <Typography variant=\"overline\" color=\"grey.600\" pb={0.5}>\n                    {brandingName ?? 'SUAEMPRESA'}\n                  </Typography>\n\n                  <Stack direction=\"row\" gap={2}>\n                    <Typography variant=\"caption\" color=\"grey.600\">\n                      {url ?? 'https://www.exemplo.com'}\n                    </Typography>\n\n                    <Icon\n                      icon=\"MORE_OPTIONS_VERTICAL\"\n                      width={15}\n                      color={'grey.500'}\n                    />\n                  </Stack>\n                </Stack>\n              </Stack>\n\n              <TextMaxLine\n                variant=\"subtitle1\"\n                color=\"#4E5BEC\"\n                overflow=\"hidden\"\n                textOverflow=\"ellipsis\"\n                line={5}\n              >\n                {title ??\n                  'Suampresa | Páscoa 2024: Ovos de chocolate? Que nada! Descontos em tecnologia!'}\n              </TextMaxLine>\n\n              <TextMaxLine\n                variant=\"caption\"\n                color=\"text.disabled\"\n                overflow=\"hidden\"\n                textOverflow=\"ellipsis\"\n                line={5}\n              >\n                {description ??\n                  'A Páscoa chegou e a Sua Empresa está com ofertas chocantes em tecnologia! Descontos de até 50% em notebooks, smartphones, tablets e muito mais!'}\n              </TextMaxLine>\n\n              {keyWords && (\n                <Stack direction=\"row\" gap={1} alignItems=\"center\">\n                  {keyWords.map((keyWord, index) => (\n                    <>\n                      <Typography variant=\"caption\" color=\"text.disabled\">\n                        {keyWord}\n                      </Typography>\n\n                      {index < keyWords.length - 1 && (\n                        <Box width={4} height={16}>\n                          <Icon\n                            icon=\"CIRCLE\"\n                            color=\"text.disabled\"\n                            width={10}\n                          />\n                        </Box>\n                      )}\n                    </>\n                  ))}\n                </Stack>\n              )}\n\n              {customTitles && (\n                <Stack pt={2}>\n                  {customTitles.map((customTitle, index) => (\n                    <Stack key={index} gap={1}>\n                      <Typography variant=\"subtitle1\" color=\"#4E5BEC\">\n                        {customTitle.title}\n                      </Typography>\n                      <TextMaxLine\n                        variant=\"caption\"\n                        color=\"text.disabled\"\n                        overflow=\"hidden\"\n                        textOverflow=\"ellipsis\"\n                        line={1}\n                      >\n                        {customTitle.description ??\n                          'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys stansince the 1500'}\n                      </TextMaxLine>\n                    </Stack>\n                  ))}\n                </Stack>\n              )}\n              {child}\n            </Stack>\n\n            {productImage && (\n              <ProductImageBox>\n                <img alt=\"ProductImage\" src={productImage} />\n              </ProductImageBox>\n            )}\n          </Stack>\n        </InterBoxPreview>\n        {hasPreviewLink && (\n          <Stack gap={3} display=\"flex\" flex={1} width=\"100%\">\n            <Typography variant=\"overline\" color=\"text.disabled\">\n              {'pré-visualização link de compartilhamento'.toUpperCase()}\n            </Typography>\n\n            <InterBoxPreviewLink>\n              {previewLinkImage && (\n                <ImageBoxPreviewLink>\n                  <img\n                    alt=\"PreviewLinkImage\"\n                    src={previewLinkImage}\n                    style={{\n                      width: '100%',\n                      height: '100%',\n                      objectFit: 'cover',\n                      borderRadius: 8,\n                    }}\n                  />\n                </ImageBoxPreviewLink>\n              )}\n\n              <Stack gap={0.2} p={2} width=\"100%\">\n                <Typography variant=\"caption\">\n                  {title ??\n                    'Suampresa | Páscoa 2024: Ovos de chocolate? Que nada! Descontos em tecnologia!'}\n                </Typography>\n\n                <Typography variant=\"caption\" color={'grey.600'}>\n                  {description ??\n                    'A Páscoa chegou e a Sua Empresa está com ofertas chocantes em tecnologia! Descontos de até 50% em notebooks, smartphones, tablets e muito mais!'}\n                </Typography>\n\n                <Typography variant=\"caption\" color={'grey.500'}>\n                  {url ?? 'https://www.exemplo.com'}\n                </Typography>\n              </Stack>\n            </InterBoxPreviewLink>\n\n            <InterBoxPreviewLink>\n              <Stack direction=\"row\" gap={1} alignItems=\"center\">\n                <Box\n                  width={100}\n                  height={95}\n                  bgcolor=\"grey.100\"\n                  p={0.5}\n                  alignItems=\"center\"\n                >\n                  <img\n                    alt=\"Logo\"\n                    src={logoImage}\n                    style={{\n                      width: '100%',\n                      height: '100%',\n                      objectFit: 'contain',\n                      borderRadius: 8,\n                    }}\n                  />\n                </Box>\n\n                <Stack padding={1} gap={0.2} width=\"80%\">\n                  <TextMaxLine variant=\"caption\">\n                    {title ??\n                      'Suampresa | Páscoa 2024: Ovos de chocolate? Que nada! Descontos em tecnologia!'}\n                  </TextMaxLine>\n\n                  <TextMaxLine variant=\"caption\" color={'grey.600'}>\n                    {description ??\n                      'A Páscoa chegou e a Sua Empresa está com ofertas chocantes em tecnologia! Descontos de até 50% em notebooks, smartphones, tablets e muito mais!'}\n                  </TextMaxLine>\n\n                  <TextMaxLine variant=\"caption\" color={'grey.500'} line={1}>\n                    {url ?? 'https://www.exemplo.com'}\n                  </TextMaxLine>\n                </Stack>\n              </Stack>\n            </InterBoxPreviewLink>\n          </Stack>\n        )}\n      </Stack>\n    </PreviewBox>\n  );\n};\n\nexport default SeoPreview;\n","import Box from '@mui/material/Box';\nimport Stack from '@mui/material/Stack';\nimport { styled } from '@mui/material/styles';\n\nexport const PreviewBox = styled(Box)(({ theme }) => ({\n  padding: 24,\n  borderRadius: 8,\n  height: 'auto',\n  maxWidth: 800,\n  backgroundColor: theme.palette.background.default,\n  border: `1px solid ${theme.palette.grey[300]}`,\n}));\n\nexport const InterBoxPreview = styled(Stack)(({ theme }) => ({\n  minHeight: 180,\n  maxWidth: 700,\n  border: `4px dotted ${theme.palette.grey[300]}`,\n  borderRadius: 8,\n  backgroundColor: '#fff',\n  padding: 24,\n}));\n\nexport const LogoImageBox = styled(Box)(() => ({\n  maxWidth: 70,\n  maxHeight: 40,\n  alignItems: 'center',\n\n  '&, img': {\n    flex: 1,\n    display: 'flex',\n    objectFit: 'cover',\n    borderRadius: 8,\n  },\n}));\n\nexport const ProductImageBox = styled(Box)(({ theme }) => ({\n  backgroundColor: theme.palette.background.default,\n  maxWidth: 90,\n  maxHeight: 80,\n  alignItems: 'center',\n\n  '&, img': {\n    flex: 1,\n    display: 'flex',\n    objectFit: 'cover',\n    borderRadius: 8,\n  },\n}));\n\nexport const InterBoxPreviewLink = styled(Stack)(({ theme }) => ({\n  border: `4px dotted ${theme.palette.grey[300]}`,\n  borderRadius: 8,\n  backgroundColor: '#fff',\n}));\n\nexport const ImageBoxPreviewLink = styled(Box)(({ theme }) => ({\n  width: 'auto',\n  height: 120,\n  overflow: 'hidden',\n  padding: 2,\n  borderBottom: `4px dotted ${theme.palette.grey[300]}`,\n}));\n"]}

package/dist/components/SplashScreen/index.js

@@ -1,107 +1,10 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import Box from "@mui/material/Box";
-import { m } from "framer-motion";
-import { varAlpha } from "theme/styles";
-const SplashScreen = ({
-  children,
-  sx,
-  ...other
-}) => {
-  return /* @__PURE__ */ jsx(Box, { sx: { overflow: "hidden" }, children: /* @__PURE__ */ jsx(
-    Box,
-    {
-      sx: {
-        right: 0,
-        width: 1,
-        bottom: 0,
-        height: 1,
-        zIndex: 9998,
-        display: "flex",
-        position: "fixed",
-        alignItems: "center",
-        justifyContent: "center",
-        bgcolor: "background.default",
-        ...sx
-      },
-      ...other,
-      children: /* @__PURE__ */ jsxs(
-        Box,
-        {
-          sx: {
-            width: 120,
-            height: 120,
-            alignItems: "center",
-            position: "relative",
-            display: "inline-flex",
-            justifyContent: "center",
-            ...sx
-          },
-          ...other,
-          children: [
-            /* @__PURE__ */ jsx(
-              Box,
-              {
-                component: m.div,
-                animate: {
-                  scale: [1, 0.9, 0.9, 1, 1],
-                  opacity: [1, 0.48, 0.48, 1, 1]
-                },
-                transition: {
-                  duration: 2,
-                  repeatDelay: 1,
-                  repeat: Infinity,
-                  ease: "easeInOut"
-                },
-                sx: { display: "inline-flex" },
-                children
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Box,
-              {
-                component: m.div,
-                animate: {
-                  scale: [1.6, 1, 1, 1.6, 1.6],
-                  rotate: [270, 0, 0, 270, 270],
-                  opacity: [0.25, 1, 1, 1, 0.25],
-                  borderRadius: ["25%", "25%", "50%", "50%", "25%"]
-                },
-                transition: { ease: "linear", duration: 3.2, repeat: Infinity },
-                sx: {
-                  position: "absolute",
-                  width: "calc(100% - 20px)",
-                  height: "calc(100% - 20px)",
-                  border: (theme) => `solid 3px ${varAlpha(theme.vars.palette.primary.darkChannel, 0.24)}`
-                }
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Box,
-              {
-                component: m.div,
-                animate: {
-                  scale: [1, 1.2, 1.2, 1, 1],
-                  rotate: [0, 270, 270, 0, 0],
-                  opacity: [1, 0.25, 0.25, 0.25, 1],
-                  borderRadius: ["25%", "25%", "50%", "50%", "25%"]
-                },
-                transition: { ease: "linear", duration: 3.2, repeat: Infinity },
-                sx: {
-                  width: 1,
-                  height: 1,
-                  position: "absolute",
-                  border: (theme) => `solid 8px ${varAlpha(theme.vars.palette.primary.darkChannel, 0.24)}`
-                }
-              }
-            )
-          ]
-        }
-      )
-    }
-  ) });
-};
-var SplashScreen_default = SplashScreen;
-export {
-  SplashScreen_default as default
-};
+import { i } from '../../chunk-WHQGCQ6G.js';
+import e from '@mui/material/Box';
+import { m } from 'framer-motion';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var p=({children:s,sx:r,...n})=>jsx(e,{sx:{overflow:"hidden"},children:jsx(e,{sx:{right:0,width:1,bottom:0,height:1,zIndex:9998,display:"flex",position:"fixed",alignItems:"center",justifyContent:"center",bgcolor:"background.default",...r},...n,children:jsxs(e,{sx:{width:120,height:120,alignItems:"center",position:"relative",display:"inline-flex",justifyContent:"center",...r},...n,children:[jsx(e,{component:m.div,animate:{scale:[1,.9,.9,1,1],opacity:[1,.48,.48,1,1]},transition:{duration:2,repeatDelay:1,repeat:1/0,ease:"easeInOut"},sx:{display:"inline-flex"},children:s}),jsx(e,{component:m.div,animate:{scale:[1.6,1,1,1.6,1.6],rotate:[270,0,0,270,270],opacity:[.25,1,1,1,.25],borderRadius:["25%","25%","50%","50%","25%"]},transition:{ease:"linear",duration:3.2,repeat:1/0},sx:{position:"absolute",width:"calc(100% - 20px)",height:"calc(100% - 20px)",border:i$1=>`solid 3px ${i(i$1.vars.palette.primary.darkChannel,.24)}`}}),jsx(e,{component:m.div,animate:{scale:[1,1.2,1.2,1,1],rotate:[0,270,270,0,0],opacity:[1,.25,.25,.25,1],borderRadius:["25%","25%","50%","50%","25%"]},transition:{ease:"linear",duration:3.2,repeat:1/0},sx:{width:1,height:1,position:"absolute",border:i$1=>`solid 8px ${i(i$1.vars.palette.primary.darkChannel,.24)}`}})]})})}),h=p;
+
+export { h as default };
+//# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/SplashScreen/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/SplashScreen/index.tsx"],"sourcesContent":["import { PropsWithChildren } from 'react';\nimport type { BoxProps } from '@mui/material/Box';\nimport Box from '@mui/material/Box';\nimport { m } from 'framer-motion';\n\nimport { varAlpha } from 'theme/styles';\n\nconst SplashScreen = ({\n  children,\n  sx,\n  ...other\n}: PropsWithChildren<BoxProps>) => {\n  return (\n    <Box sx={{ overflow: 'hidden' }}>\n      <Box\n        sx={{\n          right: 0,\n          width: 1,\n          bottom: 0,\n          height: 1,\n          zIndex: 9998,\n          display: 'flex',\n          position: 'fixed',\n          alignItems: 'center',\n          justifyContent: 'center',\n          bgcolor: 'background.default',\n          ...sx,\n        }}\n        {...other}\n      >\n        <Box\n          sx={{\n            width: 120,\n            height: 120,\n            alignItems: 'center',\n            position: 'relative',\n            display: 'inline-flex',\n            justifyContent: 'center',\n            ...sx,\n          }}\n          {...other}\n        >\n          <Box\n            component={m.div}\n            animate={{\n              scale: [1, 0.9, 0.9, 1, 1],\n              opacity: [1, 0.48, 0.48, 1, 1],\n            }}\n            transition={{\n              duration: 2,\n              repeatDelay: 1,\n              repeat: Infinity,\n              ease: 'easeInOut',\n            }}\n            sx={{ display: 'inline-flex' }}\n          >\n            {children}\n          </Box>\n\n          <Box\n            component={m.div}\n            animate={{\n              scale: [1.6, 1, 1, 1.6, 1.6],\n              rotate: [270, 0, 0, 270, 270],\n              opacity: [0.25, 1, 1, 1, 0.25],\n              borderRadius: ['25%', '25%', '50%', '50%', '25%'],\n            }}\n            transition={{ ease: 'linear', duration: 3.2, repeat: Infinity }}\n            sx={{\n              position: 'absolute',\n              width: 'calc(100% - 20px)',\n              height: 'calc(100% - 20px)',\n              border: theme =>\n                `solid 3px ${varAlpha(theme.vars.palette.primary.darkChannel, 0.24)}`,\n            }}\n          />\n\n          <Box\n            component={m.div}\n            animate={{\n              scale: [1, 1.2, 1.2, 1, 1],\n              rotate: [0, 270, 270, 0, 0],\n              opacity: [1, 0.25, 0.25, 0.25, 1],\n              borderRadius: ['25%', '25%', '50%', '50%', '25%'],\n            }}\n            transition={{ ease: 'linear', duration: 3.2, repeat: Infinity }}\n            sx={{\n              width: 1,\n              height: 1,\n              position: 'absolute',\n              border: theme =>\n                `solid 8px ${varAlpha(theme.vars.palette.primary.darkChannel, 0.24)}`,\n            }}\n          />\n        </Box>\n      </Box>\n    </Box>\n  );\n};\n\nexport default SplashScreen;\n"],"mappings":"AA8BQ,SAYE,KAZF;AA5BR,OAAO,SAAS;AAChB,SAAS,SAAS;AAElB,SAAS,gBAAgB;AAEzB,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAmC;AACjC,SACE,oBAAC,OAAI,IAAI,EAAE,UAAU,SAAS,GAC5B;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,QACF,OAAO;AAAA,QACP,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,SAAS;AAAA,QACT,GAAG;AAAA,MACL;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,IAAI;AAAA,YACF,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,YAAY;AAAA,YACZ,UAAU;AAAA,YACV,SAAS;AAAA,YACT,gBAAgB;AAAA,YAChB,GAAG;AAAA,UACL;AAAA,UACC,GAAG;AAAA,UAEJ;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW,EAAE;AAAA,gBACb,SAAS;AAAA,kBACP,OAAO,CAAC,GAAG,KAAK,KAAK,GAAG,CAAC;AAAA,kBACzB,SAAS,CAAC,GAAG,MAAM,MAAM,GAAG,CAAC;AAAA,gBAC/B;AAAA,gBACA,YAAY;AAAA,kBACV,UAAU;AAAA,kBACV,aAAa;AAAA,kBACb,QAAQ;AAAA,kBACR,MAAM;AAAA,gBACR;AAAA,gBACA,IAAI,EAAE,SAAS,cAAc;AAAA,gBAE5B;AAAA;AAAA,YACH;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW,EAAE;AAAA,gBACb,SAAS;AAAA,kBACP,OAAO,CAAC,KAAK,GAAG,GAAG,KAAK,GAAG;AAAA,kBAC3B,QAAQ,CAAC,KAAK,GAAG,GAAG,KAAK,GAAG;AAAA,kBAC5B,SAAS,CAAC,MAAM,GAAG,GAAG,GAAG,IAAI;AAAA,kBAC7B,cAAc,CAAC,OAAO,OAAO,OAAO,OAAO,KAAK;AAAA,gBAClD;AAAA,gBACA,YAAY,EAAE,MAAM,UAAU,UAAU,KAAK,QAAQ,SAAS;AAAA,gBAC9D,IAAI;AAAA,kBACF,UAAU;AAAA,kBACV,OAAO;AAAA,kBACP,QAAQ;AAAA,kBACR,QAAQ,WACN,aAAa,SAAS,MAAM,KAAK,QAAQ,QAAQ,aAAa,IAAI;AAAA,gBACtE;AAAA;AAAA,YACF;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW,EAAE;AAAA,gBACb,SAAS;AAAA,kBACP,OAAO,CAAC,GAAG,KAAK,KAAK,GAAG,CAAC;AAAA,kBACzB,QAAQ,CAAC,GAAG,KAAK,KAAK,GAAG,CAAC;AAAA,kBAC1B,SAAS,CAAC,GAAG,MAAM,MAAM,MAAM,CAAC;AAAA,kBAChC,cAAc,CAAC,OAAO,OAAO,OAAO,OAAO,KAAK;AAAA,gBAClD;AAAA,gBACA,YAAY,EAAE,MAAM,UAAU,UAAU,KAAK,QAAQ,SAAS;AAAA,gBAC9D,IAAI;AAAA,kBACF,OAAO;AAAA,kBACP,QAAQ;AAAA,kBACR,UAAU;AAAA,kBACV,QAAQ,WACN,aAAa,SAAS,MAAM,KAAK,QAAQ,QAAQ,aAAa,IAAI;AAAA,gBACtE;AAAA;AAAA,YACF;AAAA;AAAA;AAAA,MACF;AAAA;AAAA,EACF,GACF;AAEJ;AAEA,IAAO,uBAAQ;","names":[]}
+{"version":3,"sources":["../../../src/components/SplashScreen/index.tsx"],"names":["Box","m","jsx","jsxs","SplashScreen","children","sx","other","theme","varAlpha","SplashScreen_default"],"mappings":"4CAEA,OAAOA,MAAS,oBAChB,OAAS,KAAAC,MAAS,gBA2BV,OAYE,OAAAC,EAZF,QAAAC,MAAA,oBAvBR,IAAMC,EAAe,CAAC,CACpB,SAAAC,EACA,GAAAC,EACA,GAAGC,CACL,IAEIL,EAACF,EAAA,CAAI,GAAI,CAAE,SAAU,QAAS,EAC5B,SAAAE,EAACF,EAAA,CACC,GAAI,CACF,MAAO,EACP,MAAO,EACP,OAAQ,EACR,OAAQ,EACR,OAAQ,KACR,QAAS,OACT,SAAU,QACV,WAAY,SACZ,eAAgB,SAChB,QAAS,qBACT,GAAGM,CACL,EACC,GAAGC,EAEJ,SAAAJ,EAACH,EAAA,CACC,GAAI,CACF,MAAO,IACP,OAAQ,IACR,WAAY,SACZ,SAAU,WACV,QAAS,cACT,eAAgB,SAChB,GAAGM,CACL,EACC,GAAGC,EAEJ,UAAAL,EAACF,EAAA,CACC,UAAWC,EAAE,IACb,QAAS,CACP,MAAO,CAAC,EAAG,GAAK,GAAK,EAAG,CAAC,EACzB,QAAS,CAAC,EAAG,IAAM,IAAM,EAAG,CAAC,CAC/B,EACA,WAAY,CACV,SAAU,EACV,YAAa,EACb,OAAQ,IACR,KAAM,WACR,EACA,GAAI,CAAE,QAAS,aAAc,EAE5B,SAAAI,EACH,EAEAH,EAACF,EAAA,CACC,UAAWC,EAAE,IACb,QAAS,CACP,MAAO,CAAC,IAAK,EAAG,EAAG,IAAK,GAAG,EAC3B,OAAQ,CAAC,IAAK,EAAG,EAAG,IAAK,GAAG,EAC5B,QAAS,CAAC,IAAM,EAAG,EAAG,EAAG,GAAI,EAC7B,aAAc,CAAC,MAAO,MAAO,MAAO,MAAO,KAAK,CAClD,EACA,WAAY,CAAE,KAAM,SAAU,SAAU,IAAK,OAAQ,GAAS,EAC9D,GAAI,CACF,SAAU,WACV,MAAO,oBACP,OAAQ,oBACR,OAAQO,GACN,aAAaC,EAASD,EAAM,KAAK,QAAQ,QAAQ,YAAa,GAAI,GACtE,EACF,EAEAN,EAACF,EAAA,CACC,UAAWC,EAAE,IACb,QAAS,CACP,MAAO,CAAC,EAAG,IAAK,IAAK,EAAG,CAAC,EACzB,OAAQ,CAAC,EAAG,IAAK,IAAK,EAAG,CAAC,EAC1B,QAAS,CAAC,EAAG,IAAM,IAAM,IAAM,CAAC,EAChC,aAAc,CAAC,MAAO,MAAO,MAAO,MAAO,KAAK,CAClD,EACA,WAAY,CAAE,KAAM,SAAU,SAAU,IAAK,OAAQ,GAAS,EAC9D,GAAI,CACF,MAAO,EACP,OAAQ,EACR,SAAU,WACV,OAAQO,GACN,aAAaC,EAASD,EAAM,KAAK,QAAQ,QAAQ,YAAa,GAAI,GACtE,EACF,GACF,EACF,EACF,EAIGE,EAAQN","sourcesContent":["import { PropsWithChildren } from 'react';\nimport type { BoxProps } from '@mui/material/Box';\nimport Box from '@mui/material/Box';\nimport { m } from 'framer-motion';\n\nimport { varAlpha } from 'theme/styles';\n\nconst SplashScreen = ({\n  children,\n  sx,\n  ...other\n}: PropsWithChildren<BoxProps>) => {\n  return (\n    <Box sx={{ overflow: 'hidden' }}>\n      <Box\n        sx={{\n          right: 0,\n          width: 1,\n          bottom: 0,\n          height: 1,\n          zIndex: 9998,\n          display: 'flex',\n          position: 'fixed',\n          alignItems: 'center',\n          justifyContent: 'center',\n          bgcolor: 'background.default',\n          ...sx,\n        }}\n        {...other}\n      >\n        <Box\n          sx={{\n            width: 120,\n            height: 120,\n            alignItems: 'center',\n            position: 'relative',\n            display: 'inline-flex',\n            justifyContent: 'center',\n            ...sx,\n          }}\n          {...other}\n        >\n          <Box\n            component={m.div}\n            animate={{\n              scale: [1, 0.9, 0.9, 1, 1],\n              opacity: [1, 0.48, 0.48, 1, 1],\n            }}\n            transition={{\n              duration: 2,\n              repeatDelay: 1,\n              repeat: Infinity,\n              ease: 'easeInOut',\n            }}\n            sx={{ display: 'inline-flex' }}\n          >\n            {children}\n          </Box>\n\n          <Box\n            component={m.div}\n            animate={{\n              scale: [1.6, 1, 1, 1.6, 1.6],\n              rotate: [270, 0, 0, 270, 270],\n              opacity: [0.25, 1, 1, 1, 0.25],\n              borderRadius: ['25%', '25%', '50%', '50%', '25%'],\n            }}\n            transition={{ ease: 'linear', duration: 3.2, repeat: Infinity }}\n            sx={{\n              position: 'absolute',\n              width: 'calc(100% - 20px)',\n              height: 'calc(100% - 20px)',\n              border: theme =>\n                `solid 3px ${varAlpha(theme.vars.palette.primary.darkChannel, 0.24)}`,\n            }}\n          />\n\n          <Box\n            component={m.div}\n            animate={{\n              scale: [1, 1.2, 1.2, 1, 1],\n              rotate: [0, 270, 270, 0, 0],\n              opacity: [1, 0.25, 0.25, 0.25, 1],\n              borderRadius: ['25%', '25%', '50%', '50%', '25%'],\n            }}\n            transition={{ ease: 'linear', duration: 3.2, repeat: Infinity }}\n            sx={{\n              width: 1,\n              height: 1,\n              position: 'absolute',\n              border: theme =>\n                `solid 8px ${varAlpha(theme.vars.palette.primary.darkChannel, 0.24)}`,\n            }}\n          />\n        </Box>\n      </Box>\n    </Box>\n  );\n};\n\nexport default SplashScreen;\n"]}

package/dist/components/Steps/index.js

@@ -1,71 +1,16 @@
-import { jsx } from "react/jsx-runtime";
-import Box from "@mui/material/Box";
-import Stack from "@mui/material/Stack";
-import Step from "@mui/material/Step";
-import StepLabel from "@mui/material/StepLabel";
-import Stepper from "@mui/material/Stepper";
-import Icon from "../Icon";
-import { StepConnector } from "./styles";
-const StepIcon = ({ active, completed }) => {
-  return /* @__PURE__ */ jsx(
-    Stack,
-    {
-      alignItems: "center",
-      justifyContent: "center",
-      sx: {
-        width: 24,
-        height: 24,
-        color: "text.disabled",
-        ...active && {
-          color: "primary.main"
-        }
-      },
-      children: completed ? /* @__PURE__ */ jsx(Icon, { icon: "SIMPLE_CHECK", color: "primary.main" }) : /* @__PURE__ */ jsx(
-        Box,
-        {
-          sx: {
-            width: 8,
-            height: 8,
-            borderRadius: "50%",
-            backgroundColor: "currentColor"
-          }
-        }
-      )
-    }
-  );
-};
-const Steps = ({
-  steps,
-  activeStep,
-  showLabels = true,
-  sx,
-  ...other
-}) => {
-  return /* @__PURE__ */ jsx(
-    Stepper,
-    {
-      alternativeLabel: true,
-      activeStep,
-      connector: /* @__PURE__ */ jsx(StepConnector, {}),
-      sx,
-      ...other,
-      children: steps.map((label) => /* @__PURE__ */ jsx(Step, { children: /* @__PURE__ */ jsx(
-        StepLabel,
-        {
-          StepIconComponent: StepIcon,
-          sx: {
-            "& .MuiStepLabel-label": {
-              typography: "subtitle2"
-            }
-          },
-          children: showLabels && label
-        }
-      ) }, label))
-    }
-  );
-};
-var Steps_default = Steps;
-export {
-  Steps_default as default
-};
+import { a } from '../../chunk-FU42GMHJ.js';
+import '../../chunk-ZK4R7GDN.js';
+import s from '@mui/material/Box';
+import S from '@mui/material/Stack';
+import d from '@mui/material/Step';
+import f from '@mui/material/StepLabel';
+import u from '@mui/material/Stepper';
+import l from '@mui/material/StepConnector';
+import { styled } from '@mui/material/styles';
+import { jsx } from 'react/jsx-runtime';
+
+var i=styled(l)(({theme:o})=>({top:10,left:"calc(-50% + 20px)",right:"calc(50% + 20px)","& .MuiStepConnector-line":{borderTopWidth:2,borderColor:o.palette.divider},"&.Mui-active, &.Mui-completed":{"& .MuiStepConnector-line":{borderColor:o.palette.primary.main}}}));var C=({active:o,completed:e})=>jsx(S,{alignItems:"center",justifyContent:"center",sx:{width:24,height:24,color:"text.disabled",...o&&{color:"primary.main"}},children:e?jsx(a,{icon:"SIMPLE_CHECK",color:"primary.main"}):jsx(s,{sx:{width:8,height:8,borderRadius:"50%",backgroundColor:"currentColor"}})}),b=({steps:o,activeStep:e,showLabels:n=!0,sx:c,...a})=>jsx(u,{alternativeLabel:!0,activeStep:e,connector:jsx(i,{}),sx:c,...a,children:o.map(r=>jsx(d,{children:jsx(f,{StepIconComponent:C,sx:{"& .MuiStepLabel-label":{typography:"subtitle2"}},children:n&&r})},r))}),w=b;
+
+export { w as default };
+//# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Steps/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Steps/index.tsx"],"sourcesContent":["import Box from '@mui/material/Box';\nimport Stack from '@mui/material/Stack';\nimport Step from '@mui/material/Step';\nimport StepLabel from '@mui/material/StepLabel';\nimport Stepper from '@mui/material/Stepper';\n\nimport Icon from '../Icon';\n\nimport { StepIconProps, StepsProps } from './props';\nimport { StepConnector } from './styles';\n\nconst StepIcon = ({ active, completed }: StepIconProps) => {\n  return (\n    <Stack\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      sx={{\n        width: 24,\n        height: 24,\n        color: 'text.disabled',\n        ...(active && {\n          color: 'primary.main',\n        }),\n      }}\n    >\n      {completed ? (\n        <Icon icon=\"SIMPLE_CHECK\" color=\"primary.main\" />\n      ) : (\n        <Box\n          sx={{\n            width: 8,\n            height: 8,\n            borderRadius: '50%',\n            backgroundColor: 'currentColor',\n          }}\n        />\n      )}\n    </Stack>\n  );\n};\n\nconst Steps = ({\n  steps,\n  activeStep,\n  showLabels = true,\n  sx,\n  ...other\n}: StepsProps) => {\n  return (\n    <Stepper\n      alternativeLabel\n      activeStep={activeStep}\n      connector={<StepConnector />}\n      sx={sx}\n      {...other}\n    >\n      {steps.map(label => (\n        <Step key={label}>\n          <StepLabel\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            StepIconComponent={StepIcon as any}\n            sx={{\n              '& .MuiStepLabel-label': {\n                typography: 'subtitle2',\n              },\n            }}\n          >\n            {showLabels && label}\n          </StepLabel>\n        </Step>\n      ))}\n    </Stepper>\n  );\n};\n\nexport default Steps;\n"],"mappings":"AA0BQ;AA1BR,OAAO,SAAS;AAChB,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,eAAe;AACtB,OAAO,aAAa;AAEpB,OAAO,UAAU;AAGjB,SAAS,qBAAqB;AAE9B,MAAM,WAAW,CAAC,EAAE,QAAQ,UAAU,MAAqB;AACzD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAW;AAAA,MACX,gBAAe;AAAA,MACf,IAAI;AAAA,QACF,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,GAAI,UAAU;AAAA,UACZ,OAAO;AAAA,QACT;AAAA,MACF;AAAA,MAEC,sBACC,oBAAC,QAAK,MAAK,gBAAe,OAAM,gBAAe,IAE/C;AAAA,QAAC;AAAA;AAAA,UACC,IAAI;AAAA,YACF,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,cAAc;AAAA,YACd,iBAAiB;AAAA,UACnB;AAAA;AAAA,MACF;AAAA;AAAA,EAEJ;AAEJ;AAEA,MAAM,QAAQ,CAAC;AAAA,EACb;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA,GAAG;AACL,MAAkB;AAChB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,kBAAgB;AAAA,MAChB;AAAA,MACA,WAAW,oBAAC,iBAAc;AAAA,MAC1B;AAAA,MACC,GAAG;AAAA,MAEH,gBAAM,IAAI,WACT,oBAAC,QACC;AAAA,QAAC;AAAA;AAAA,UAEC,mBAAmB;AAAA,UACnB,IAAI;AAAA,YACF,yBAAyB;AAAA,cACvB,YAAY;AAAA,YACd;AAAA,UACF;AAAA,UAEC,wBAAc;AAAA;AAAA,MACjB,KAXS,KAYX,CACD;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,gBAAQ;","names":[]}
+{"version":3,"sources":["../../../src/components/Steps/index.tsx","../../../src/components/Steps/styles.ts"],"names":["Box","Stack","Step","StepLabel","Stepper","MUIStepConnector","styled","StepConnector","theme","jsx","StepIcon","active","completed","Icon_default","Steps","steps","activeStep","showLabels","sx","other","label","Steps_default"],"mappings":"4EAAA,OAAOA,MAAS,oBAChB,OAAOC,MAAW,sBAClB,OAAOC,MAAU,qBACjB,OAAOC,MAAe,0BACtB,OAAOC,MAAa,wBCJpB,OAAOC,MAAsB,8BAC7B,OAAS,UAAAC,MAAc,uBAEhB,IAAMC,EAAgBD,EAAOD,CAAgB,EAAE,CAAC,CAAE,MAAAG,CAAM,KAAO,CACpE,IAAK,GACL,KAAM,oBACN,MAAO,mBAEP,2BAA4B,CAC1B,eAAgB,EAChB,YAAaA,EAAM,QAAQ,OAC7B,EAEA,gCAAiC,CAC/B,2BAA4B,CAC1B,YAAaA,EAAM,QAAQ,QAAQ,IACrC,CACF,CACF,EAAE,EDQM,cAAAC,MAAA,oBAfR,IAAMC,EAAW,CAAC,CAAE,OAAAC,EAAQ,UAAAC,CAAU,IAElCH,EAACR,EAAA,CACC,WAAW,SACX,eAAe,SACf,GAAI,CACF,MAAO,GACP,OAAQ,GACR,MAAO,gBACP,GAAIU,GAAU,CACZ,MAAO,cACT,CACF,EAEC,SAAAC,EACCH,EAACI,EAAA,CAAK,KAAK,eAAe,MAAM,eAAe,EAE/CJ,EAACT,EAAA,CACC,GAAI,CACF,MAAO,EACP,OAAQ,EACR,aAAc,MACd,gBAAiB,cACnB,EACF,EAEJ,EAIEc,EAAQ,CAAC,CACb,MAAAC,EACA,WAAAC,EACA,WAAAC,EAAa,GACb,GAAAC,EACA,GAAGC,CACL,IAEIV,EAACL,EAAA,CACC,iBAAgB,GAChB,WAAYY,EACZ,UAAWP,EAACF,EAAA,EAAc,EAC1B,GAAIW,EACH,GAAGC,EAEH,SAAAJ,EAAM,IAAIK,GACTX,EAACP,EAAA,CACC,SAAAO,EAACN,EAAA,CAEC,kBAAmBO,EACnB,GAAI,CACF,wBAAyB,CACvB,WAAY,WACd,CACF,EAEC,SAAAO,GAAcG,EACjB,GAXSA,CAYX,CACD,EACH,EAIGC,EAAQP","sourcesContent":["import Box from '@mui/material/Box';\nimport Stack from '@mui/material/Stack';\nimport Step from '@mui/material/Step';\nimport StepLabel from '@mui/material/StepLabel';\nimport Stepper from '@mui/material/Stepper';\n\nimport Icon from '../Icon';\n\nimport { StepIconProps, StepsProps } from './props';\nimport { StepConnector } from './styles';\n\nconst StepIcon = ({ active, completed }: StepIconProps) => {\n  return (\n    <Stack\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      sx={{\n        width: 24,\n        height: 24,\n        color: 'text.disabled',\n        ...(active && {\n          color: 'primary.main',\n        }),\n      }}\n    >\n      {completed ? (\n        <Icon icon=\"SIMPLE_CHECK\" color=\"primary.main\" />\n      ) : (\n        <Box\n          sx={{\n            width: 8,\n            height: 8,\n            borderRadius: '50%',\n            backgroundColor: 'currentColor',\n          }}\n        />\n      )}\n    </Stack>\n  );\n};\n\nconst Steps = ({\n  steps,\n  activeStep,\n  showLabels = true,\n  sx,\n  ...other\n}: StepsProps) => {\n  return (\n    <Stepper\n      alternativeLabel\n      activeStep={activeStep}\n      connector={<StepConnector />}\n      sx={sx}\n      {...other}\n    >\n      {steps.map(label => (\n        <Step key={label}>\n          <StepLabel\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            StepIconComponent={StepIcon as any}\n            sx={{\n              '& .MuiStepLabel-label': {\n                typography: 'subtitle2',\n              },\n            }}\n          >\n            {showLabels && label}\n          </StepLabel>\n        </Step>\n      ))}\n    </Stepper>\n  );\n};\n\nexport default Steps;\n","import MUIStepConnector from '@mui/material/StepConnector';\nimport { styled } from '@mui/material/styles';\n\nexport const StepConnector = styled(MUIStepConnector)(({ theme }) => ({\n  top: 10,\n  left: 'calc(-50% + 20px)',\n  right: 'calc(50% + 20px)',\n\n  '& .MuiStepConnector-line': {\n    borderTopWidth: 2,\n    borderColor: theme.palette.divider,\n  },\n\n  '&.Mui-active, &.Mui-completed': {\n    '& .MuiStepConnector-line': {\n      borderColor: theme.palette.primary.main,\n    },\n  },\n}));\n"]}

package/dist/components/StyledTab/index.js

@@ -1,90 +1,12 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import Stack from "@mui/material/Stack";
-import { alpha, styled } from "@mui/material/styles";
-import Tab from "@mui/material/Tab";
-import Icon from "../Icon";
-const StyledTab = styled(
-  ({ label, onClose, icon, hasChanges, ...props }) => {
-    return /* @__PURE__ */ jsx(
-      Tab,
-      {
-        disableRipple: true,
-        ...props,
-        label: /* @__PURE__ */ jsxs(
-          Stack,
-          {
-            position: "relative",
-            direction: "row",
-            alignItems: "center",
-            gap: 1.5,
-            sx: (theme) => ({
-              "> span": {
-                position: "absolute",
-                top: -14,
-                right: -10,
-                span: {
-                  position: "fixed",
-                  width: 10,
-                  height: 10,
-                  backgroundColor: theme.palette.warning.main,
-                  border: "1px solid #fff",
-                  borderRadius: "50%",
-                  zIndex: 999
-                }
-              }
-            }),
-            children: [
-              icon,
-              label,
-              /* @__PURE__ */ jsx(
-                Icon,
-                {
-                  icon: "CLOSE_MARK_BUTTON",
-                  width: 16,
-                  onClick: (e) => {
-                    onClose();
-                    e.stopPropagation();
-                  }
-                }
-              ),
-              hasChanges && /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx("span", {}) })
-            ]
-          }
-        )
-      }
-    );
-  }
-)(({ theme }) => ({
-  textTransform: "none",
-  fontSize: theme.typography.pxToRem(14),
-  margin: "0 !important",
-  color: `${theme.palette.primary.lighter} !important`,
-  minHeight: "initial",
-  padding: "10px 16px",
-  backgroundColor: theme.palette.primary.dark,
-  border: `1px solid ${alpha(theme.palette.primary.darker, 0.25)}`,
-  borderBottom: 0,
-  borderRadius: "8px 8px 0 0",
-  fontWeight: 600,
-  overflow: "initial !important",
-  lineHeight: 1,
-  "&.Mui-selected": {
-    color: `${theme.palette.text.primary} !important`,
-    backgroundColor: theme.palette.background.paper,
-    borderColor: theme.palette.primary.dark,
-    svg: {
-      color: theme.palette.text.disabled
-    }
-  },
-  "&.Mui-focusVisible": {
-    backgroundColor: "rgba(100, 95, 228, 0.32)"
-  },
-  "svg:hover": {
-    opacity: 0.85
-  }
-}));
-var StyledTab_default = StyledTab;
-export {
-  StyledTab_default as default
-};
+import { a } from '../../chunk-FU42GMHJ.js';
+import '../../chunk-ZK4R7GDN.js';
+import n from '@mui/material/Stack';
+import { styled, alpha } from '@mui/material/styles';
+import b from '@mui/material/Tab';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var g=styled(({label:o,onClose:i,icon:p,hasChanges:e,...l})=>jsx(b,{disableRipple:!0,...l,label:jsxs(n,{position:"relative",direction:"row",alignItems:"center",gap:1.5,sx:t=>({"> span":{position:"absolute",top:-14,right:-10,span:{position:"fixed",width:10,height:10,backgroundColor:t.palette.warning.main,border:"1px solid #fff",borderRadius:"50%",zIndex:999}}}),children:[p,o,jsx(a,{icon:"CLOSE_MARK_BUTTON",width:16,onClick:t=>{i(),t.stopPropagation();}}),e&&jsx("span",{children:jsx("span",{})})]})}))(({theme:o})=>({textTransform:"none",fontSize:o.typography.pxToRem(14),margin:"0 !important",color:`${o.palette.primary.lighter} !important`,minHeight:"initial",padding:"10px 16px",backgroundColor:o.palette.primary.dark,border:`1px solid ${alpha(o.palette.primary.darker,.25)}`,borderBottom:0,borderRadius:"8px 8px 0 0",fontWeight:600,overflow:"initial !important",lineHeight:1,"&.Mui-selected":{color:`${o.palette.text.primary} !important`,backgroundColor:o.palette.background.paper,borderColor:o.palette.primary.dark,svg:{color:o.palette.text.disabled}},"&.Mui-focusVisible":{backgroundColor:"rgba(100, 95, 228, 0.32)"},"svg:hover":{opacity:.85}})),y=g;
+
+export { y as default };
+//# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map