@zydon/common 2.2.42 → 2.2.44

package/dist/components/SelectableCards/index.js

@@ -1,8 +1,145 @@
-export { a as default } from '../../chunk-J76XIRCA.js';
-import '../../chunk-2Z4AFXGP.js';
-import '../../chunk-TWGGHTU5.js';
-import '../../chunk-E5MGOPPQ.js';
-import '../../chunk-2MVQI7NJ.js';
-import '../../chunk-ZDHXW74M.js';
-import '../../chunk-PPUFQMAW.js';
-import '../../chunk-3E5A45HM.js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useState } from 'react';
+import Button from '@mui/material/Button';
+import CircularProgress from '@mui/material/CircularProgress';
+import Grid from '@mui/material/Grid';
+import Stack from '@mui/material/Stack';
+import Typography from '@mui/material/Typography';
+import EmptyView from 'components/EmptyView';
+import Icon from 'components/Icon';
+import Result from 'components/Result';
+import Scrollbar from 'components/Scrollbar';
+import SearchInput from 'components/SearchInput';
+import { StyledCard } from './style';
+
+const SelectableCards = ({
+  title,
+  action,
+  loading,
+  items,
+  values,
+  onChange
+}) => {
+  const [search, setSearch] = useState();
+  const isSelected = (itemId) => {
+    return values.includes(itemId);
+  };
+  const filteredItems = search ? items.filter(
+    (item) => item.title.toLowerCase().includes(search.toLowerCase())
+  ) : items;
+  const onSelectItem = (item) => {
+    const isItemAlreadySelected = isSelected(item.value);
+    let newSelectedOptions;
+    if (isItemAlreadySelected) {
+      newSelectedOptions = values.filter((element) => element !== item.value);
+    } else {
+      newSelectedOptions = [...values, item.value];
+    }
+    onChange(newSelectedOptions);
+  };
+  const selectAllItems = () => {
+    if (values.length === items.length) {
+      onChange([]);
+    } else {
+      onChange(items.map((item) => item.value));
+    }
+  };
+  const enCardinalRules = new Intl.PluralRules("pt-BR");
+  const strings = /* @__PURE__ */ new Map([
+    ["one", "selecionado"],
+    ["other", "selecionados"]
+  ]);
+  const formatStrings = (n) => {
+    const rule = enCardinalRules.select(n);
+    const suffix = strings.get(rule);
+    return `${n} ${suffix}`;
+  };
+  return /* @__PURE__ */ jsxs(Stack, { gap: 1.5, height: 450, children: [
+    /* @__PURE__ */ jsxs(Stack, { direction: "row", justifyContent: "space-between", children: [
+      typeof title === "string" ? /* @__PURE__ */ jsx(Typography, { variant: "overline", color: "text.disabled", children: title }) : title,
+      /* @__PURE__ */ jsx(Typography, { variant: "overline", color: "text.disabled", children: values.length === 0 ? "nenhum selecionado" : formatStrings(values.length) })
+    ] }),
+    /* @__PURE__ */ jsxs(Stack, { direction: "row", alignItems: "center", spacing: 1.5, children: [
+      /* @__PURE__ */ jsx(
+        SearchInput,
+        {
+          fullWidth: true,
+          size: "small",
+          iconPosition: "start",
+          placeholder: "Buscar",
+          trigger: "change",
+          onSearch: (value) => setSearch(value),
+          onKeyDown: (event) => {
+            if (event.key === "Enter") {
+              event.preventDefault();
+            }
+          }
+        }
+      ),
+      action ? /* @__PURE__ */ jsx(Fragment, { children: action }) : /* @__PURE__ */ jsx(Button, { onClick: selectAllItems, size: "small", children: /* @__PURE__ */ jsx(Typography, { variant: "overline", children: "TODOS" }) })
+    ] }),
+    /* @__PURE__ */ jsx(Scrollbar, { children: /* @__PURE__ */ jsx(Stack, { flex: 1, mb: 2, children: /* @__PURE__ */ jsx(
+      Result,
+      {
+        isLoading: loading,
+        loading: /* @__PURE__ */ jsx(Stack, { alignItems: "center", mt: 3, children: /* @__PURE__ */ jsx(CircularProgress, {}) }),
+        isEmpty: items.length === 0,
+        empty: /* @__PURE__ */ jsx(
+          EmptyView,
+          {
+            sx: { svg: { height: 140 } },
+            text: search ? `N\xE3o foi possivel encontrar o item "${search}"` : "Nenhum item dispon\xEDvel"
+          }
+        ),
+        children: /* @__PURE__ */ jsx(Grid, { container: true, spacing: 1.5, children: filteredItems.map((item) => /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsx(
+          StyledCard,
+          {
+            active: isSelected(item.value),
+            onClick: () => onSelectItem(item),
+            children: /* @__PURE__ */ jsxs(Stack, { padding: 1.5, width: "100%", children: [
+              /* @__PURE__ */ jsxs(
+                Stack,
+                {
+                  direction: "row",
+                  alignItems: "center",
+                  justifyContent: "space-between",
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      Typography,
+                      {
+                        color: isSelected(item.value) ? "primary.main" : "text.primary",
+                        variant: "subtitle2",
+                        textAlign: "left",
+                        noWrap: true,
+                        children: item.title
+                      }
+                    ),
+                    isSelected(item.value) && /* @__PURE__ */ jsx(Icon, { icon: "CHECK_CIRCLE", width: 24 })
+                  ]
+                }
+              ),
+              item.options.map((option) => /* @__PURE__ */ jsx(
+                Typography,
+                {
+                  mt: 1,
+                  variant: "body2",
+                  color: "text.disabled",
+                  fontSize: 12,
+                  textAlign: "left",
+                  noWrap: true,
+                  children: `${option.label}: ${option.value}`
+                },
+                option.label
+              ))
+            ] })
+          }
+        ) }, item.title)) })
+      }
+    ) }) })
+  ] });
+};
+var SelectableCards_default = SelectableCards;
+
+export { SelectableCards_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/SelectableCards/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState } from 'react';\nimport Button from '@mui/material/Button';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport Grid from '@mui/material/Grid';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\n\nimport EmptyView from 'components/EmptyView';\nimport Icon from 'components/Icon';\nimport Result from 'components/Result';\nimport Scrollbar from 'components/Scrollbar';\nimport SearchInput from 'components/SearchInput';\n\nimport { Option, SelectableCardsProps } from './props';\nimport { StyledCard } from './style';\n\nconst SelectableCards = ({\n  title,\n  action,\n  loading,\n  items,\n  values,\n  onChange,\n}: SelectableCardsProps) => {\n  const [search, setSearch] = useState<string>();\n\n  const isSelected = (itemId: string) => {\n    return values.includes(itemId);\n  };\n\n  const filteredItems = search\n    ? items.filter(item =>\n        item.title.toLowerCase().includes(search.toLowerCase()),\n      )\n    : items;\n\n  const onSelectItem = (item: Option) => {\n    const isItemAlreadySelected = isSelected(item.value);\n\n    let newSelectedOptions: string[];\n\n    if (isItemAlreadySelected) {\n      newSelectedOptions = values.filter(element => element !== item.value);\n    } else {\n      newSelectedOptions = [...values, item.value];\n    }\n\n    onChange(newSelectedOptions);\n  };\n\n  const selectAllItems = () => {\n    if (values.length === items.length) {\n      onChange([]);\n    } else {\n      onChange(items.map(item => item.value));\n    }\n  };\n\n  const enCardinalRules = new Intl.PluralRules('pt-BR');\n\n  const strings = new Map([\n    ['one', 'selecionado'],\n    ['other', 'selecionados'],\n  ]);\n\n  const formatStrings = (n: number) => {\n    const rule = enCardinalRules.select(n);\n    const suffix = strings.get(rule);\n    return `${n} ${suffix}`;\n  };\n\n  return (\n    <Stack gap={1.5} height={450}>\n      <Stack direction=\"row\" justifyContent=\"space-between\">\n        {typeof title === 'string' ? (\n          <Typography variant=\"overline\" color=\"text.disabled\">\n            {title}\n          </Typography>\n        ) : (\n          title\n        )}\n        <Typography variant=\"overline\" color=\"text.disabled\">\n          {values.length === 0\n            ? 'nenhum selecionado'\n            : formatStrings(values.length)}\n        </Typography>\n      </Stack>\n      <Stack direction=\"row\" alignItems=\"center\" spacing={1.5}>\n        <SearchInput\n          fullWidth\n          size=\"small\"\n          iconPosition=\"start\"\n          placeholder=\"Buscar\"\n          trigger=\"change\"\n          onSearch={value => setSearch(value)}\n          onKeyDown={event => {\n            if (event.key === 'Enter') {\n              event.preventDefault();\n            }\n          }}\n        />\n\n        {action ? (\n          <>{action}</>\n        ) : (\n          <Button onClick={selectAllItems} size=\"small\">\n            <Typography variant=\"overline\">TODOS</Typography>\n          </Button>\n        )}\n      </Stack>\n\n      <Scrollbar>\n        <Stack flex={1} mb={2}>\n          <Result\n            isLoading={loading}\n            loading={\n              <Stack alignItems=\"center\" mt={3}>\n                <CircularProgress />\n              </Stack>\n            }\n            isEmpty={items.length === 0}\n            empty={\n              <EmptyView\n                sx={{ svg: { height: 140 } }}\n                text={\n                  search\n                    ? `Não foi possivel encontrar o item \"${search}\"`\n                    : 'Nenhum item disponível'\n                }\n              />\n            }\n          >\n            <Grid container spacing={1.5}>\n              {filteredItems.map(item => (\n                <Grid key={item.title} item xs={4}>\n                  <StyledCard\n                    active={isSelected(item.value)}\n                    onClick={() => onSelectItem(item)}\n                  >\n                    <Stack padding={1.5} width=\"100%\">\n                      <Stack\n                        direction=\"row\"\n                        alignItems=\"center\"\n                        justifyContent=\"space-between\"\n                      >\n                        <Typography\n                          color={\n                            isSelected(item.value)\n                              ? 'primary.main'\n                              : 'text.primary'\n                          }\n                          variant=\"subtitle2\"\n                          textAlign=\"left\"\n                          noWrap\n                        >\n                          {item.title}\n                        </Typography>\n\n                        {isSelected(item.value) && (\n                          <Icon icon=\"CHECK_CIRCLE\" width={24} />\n                        )}\n                      </Stack>\n\n                      {item.options.map(option => (\n                        <Typography\n                          key={option.label}\n                          mt={1}\n                          variant=\"body2\"\n                          color=\"text.disabled\"\n                          fontSize={12}\n                          textAlign=\"left\"\n                          noWrap\n                        >\n                          {`${option.label}: ${option.value}`}\n                        </Typography>\n                      ))}\n                    </Stack>\n                  </StyledCard>\n                </Grid>\n              ))}\n            </Grid>\n          </Result>\n        </Stack>\n      </Scrollbar>\n    </Stack>\n  );\n};\n\nexport default SelectableCards;\n"]}

package/dist/components/SeoPreview/index.js

@@ -1,13 +1,161 @@
-import { a as a$1 } from '../../chunk-RLMWIJKJ.js';
-import { a } from '../../chunk-PPUFQMAW.js';
-import '../../chunk-3E5A45HM.js';
-import '../../chunk-ILHUUK4X.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';
+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 { PreviewBox, InterBoxPreview, LogoImageBox, ProductImageBox, InterBoxPreviewLink, ImageBoxPreviewLink } from './styles';
 
-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;
+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 { V as default };
+export { SeoPreview_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/SeoPreview/index.tsx"],"names":[],"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"]}

package/dist/components/SplashScreen/index.js

@@ -1,8 +1,108 @@
-import { i } from '../../chunk-D27ND54J.js';
-import e from '@mui/material/Box';
-import { m } from 'framer-motion';
 import { jsx, jsxs } from 'react/jsx-runtime';
+import Box from '@mui/material/Box';
+import { m } from 'framer-motion';
+import { varAlpha } from 'theme/styles';
 
-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;
+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 { h as default };
+export { SplashScreen_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/SplashScreen/index.tsx"],"names":[],"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","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,14 +1,72 @@
-import { a } from '../../chunk-PPUFQMAW.js';
-import '../../chunk-3E5A45HM.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';
+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';
 
-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;
+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 { w as default };
+export { Steps_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Steps/index.tsx"],"names":[],"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","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"]}