@zydon/common 2.2.48 → 2.2.49

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ExpandableGroup/index.tsx"],"sourcesContent":["import { PropsWithChildren } from 'react';\nimport IconButton from '@mui/material/IconButton';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\n\nimport useToggle from 'hooks/useToggle';\n\nimport Icon from '../Icon';\n\nimport { ExpandableGroupProps } from './props';\nimport { CollapseGroup, Container, GroupTop } from './styles';\n\nconst ExpandableGroup = ({\n  description,\n  name,\n  children,\n  header,\n  onDelete,\n}: PropsWithChildren<ExpandableGroupProps>) => {\n  const [expanded, toggleExpanded] = useToggle(true);\n\n  return (\n    <Container>\n      <GroupTop direction=\"row\">\n        <Stack direction=\"row\" alignItems=\"center\" gap={1.5} flex={1}>\n          <IconButton edge=\"end\" onClick={toggleExpanded}>\n            <Icon icon={expanded ? 'CHEVRON_UP' : 'CHEVRON_RIGHT'} />\n          </IconButton>\n\n          <Typography variant=\"overline\" color=\"text.primary\">\n            {name}\n          </Typography>\n\n          <Typography variant=\"overline\" color=\"text.secondary\">\n            {description}\n          </Typography>\n\n          <Stack flex={1}>{header}</Stack>\n        </Stack>\n        <IconButton color=\"error\" onClick={onDelete}>\n          <Icon icon=\"DELETE_MARK_BUTTON_02\" />\n        </IconButton>\n      </GroupTop>\n\n      <CollapseGroup in={expanded} timeout=\"auto\" unmountOnExit>\n        {children}\n      </CollapseGroup>\n    </Container>\n  );\n};\n\nexport default ExpandableGroup;\n"],"mappings":"AAwBQ,SAEI,KAFJ;AAvBR,OAAO,gBAAgB;AACvB,OAAO,WAAW;AAClB,OAAO,gBAAgB;AAEvB,OAAO,eAAe;AAEtB,OAAO,UAAU;AAGjB,SAAS,eAAe,WAAW,gBAAgB;AAEnD,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA+C;AAC7C,QAAM,CAAC,UAAU,cAAc,IAAI,UAAU,IAAI;AAEjD,SACE,qBAAC,aACC;AAAA,yBAAC,YAAS,WAAU,OAClB;AAAA,2BAAC,SAAM,WAAU,OAAM,YAAW,UAAS,KAAK,KAAK,MAAM,GACzD;AAAA,4BAAC,cAAW,MAAK,OAAM,SAAS,gBAC9B,8BAAC,QAAK,MAAM,WAAW,eAAe,iBAAiB,GACzD;AAAA,QAEA,oBAAC,cAAW,SAAQ,YAAW,OAAM,gBAClC,gBACH;AAAA,QAEA,oBAAC,cAAW,SAAQ,YAAW,OAAM,kBAClC,uBACH;AAAA,QAEA,oBAAC,SAAM,MAAM,GAAI,kBAAO;AAAA,SAC1B;AAAA,MACA,oBAAC,cAAW,OAAM,SAAQ,SAAS,UACjC,8BAAC,QAAK,MAAK,yBAAwB,GACrC;AAAA,OACF;AAAA,IAEA,oBAAC,iBAAc,IAAI,UAAU,SAAQ,QAAO,eAAa,MACtD,UACH;AAAA,KACF;AAEJ;AAEA,IAAO,0BAAQ;","names":[]}
+{"version":3,"sources":["../../../src/components/ExpandableGroup/index.tsx","../../../src/components/ExpandableGroup/styles.ts"],"names":["IconButton","Stack","Typography","Collapse","alpha","styled","Container","theme","GroupTop","GroupContainer","CollapseGroup","jsx","jsxs","ExpandableGroup","description","name","children","header","onDelete","expanded","toggleExpanded","useToggle_default","Icon_default","ExpandableGroup_default"],"mappings":"mHACA,OAAOA,MAAgB,2BACvB,OAAOC,MAAW,sBAClB,OAAOC,MAAgB,2BCHvB,OAAOC,MAAc,yBACrB,OAAOF,MAAW,sBAClB,OAAS,SAAAG,EAAO,UAAAC,MAAc,uBAEvB,IAAMC,EAAYD,EAAOJ,CAAK,EAAE,CAAC,CAAE,MAAAM,CAAM,KAAO,CACrD,OAAQ,aAAaH,EAAMG,EAAM,QAAQ,KAAK,GAAG,EAAG,GAAI,IACxD,aAAc,EACd,WAAY,SACZ,SAAU,QACZ,EAAE,EAEWC,EAAWH,EAAOJ,CAAK,EAAE,KAAO,CAC3C,gBAAiB,UACjB,QAAS,EACT,MAAO,OACP,eAAgB,gBAChB,WAAY,SACZ,IAAK,GAEL,uBAAwB,CACtB,gBAAiB,MACnB,CACF,EAAE,EAEWQ,EAAiBJ,EAAOJ,CAAK,EAAE,CAAC,CAAE,MAAAM,CAAM,KAAO,CAC1D,OAAQ,aAAaH,EAAMG,EAAM,QAAQ,KAAK,GAAG,EAAG,GAAI,IACxD,aAAc,EACd,WAAY,QACd,EAAE,EAEWG,EAAgBL,EAAOF,CAAQ,EAAE,KAAO,CACnD,MAAO,OACP,QAAS,WACX,EAAE,EDTM,OAEI,OAAAQ,EAFJ,QAAAC,MAAA,oBAZR,IAAMC,EAAkB,CAAC,CACvB,YAAAC,EACA,KAAAC,EACA,SAAAC,EACA,OAAAC,EACA,SAAAC,CACF,IAA+C,CAC7C,GAAM,CAACC,EAAUC,CAAc,EAAIC,EAAU,EAAI,EAEjD,OACET,EAACN,EAAA,CACC,UAAAM,EAACJ,EAAA,CAAS,UAAU,MAClB,UAAAI,EAACX,EAAA,CAAM,UAAU,MAAM,WAAW,SAAS,IAAK,IAAK,KAAM,EACzD,UAAAU,EAACX,EAAA,CAAW,KAAK,MAAM,QAASoB,EAC9B,SAAAT,EAACW,EAAA,CAAK,KAAMH,EAAW,aAAe,gBAAiB,EACzD,EAEAR,EAACT,EAAA,CAAW,QAAQ,WAAW,MAAM,eAClC,SAAAa,EACH,EAEAJ,EAACT,EAAA,CAAW,QAAQ,WAAW,MAAM,iBAClC,SAAAY,EACH,EAEAH,EAACV,EAAA,CAAM,KAAM,EAAI,SAAAgB,EAAO,GAC1B,EACAN,EAACX,EAAA,CAAW,MAAM,QAAQ,QAASkB,EACjC,SAAAP,EAACW,EAAA,CAAK,KAAK,wBAAwB,EACrC,GACF,EAEAX,EAACD,EAAA,CAAc,GAAIS,EAAU,QAAQ,OAAO,cAAa,GACtD,SAAAH,EACH,GACF,CAEJ,EAEOO,EAAQV","sourcesContent":["import { PropsWithChildren } from 'react';\nimport IconButton from '@mui/material/IconButton';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\n\nimport useToggle from 'hooks/useToggle';\n\nimport Icon from '../Icon';\n\nimport { ExpandableGroupProps } from './props';\nimport { CollapseGroup, Container, GroupTop } from './styles';\n\nconst ExpandableGroup = ({\n  description,\n  name,\n  children,\n  header,\n  onDelete,\n}: PropsWithChildren<ExpandableGroupProps>) => {\n  const [expanded, toggleExpanded] = useToggle(true);\n\n  return (\n    <Container>\n      <GroupTop direction=\"row\">\n        <Stack direction=\"row\" alignItems=\"center\" gap={1.5} flex={1}>\n          <IconButton edge=\"end\" onClick={toggleExpanded}>\n            <Icon icon={expanded ? 'CHEVRON_UP' : 'CHEVRON_RIGHT'} />\n          </IconButton>\n\n          <Typography variant=\"overline\" color=\"text.primary\">\n            {name}\n          </Typography>\n\n          <Typography variant=\"overline\" color=\"text.secondary\">\n            {description}\n          </Typography>\n\n          <Stack flex={1}>{header}</Stack>\n        </Stack>\n        <IconButton color=\"error\" onClick={onDelete}>\n          <Icon icon=\"DELETE_MARK_BUTTON_02\" />\n        </IconButton>\n      </GroupTop>\n\n      <CollapseGroup in={expanded} timeout=\"auto\" unmountOnExit>\n        {children}\n      </CollapseGroup>\n    </Container>\n  );\n};\n\nexport default ExpandableGroup;\n","import Collapse from '@mui/material/Collapse';\nimport Stack from '@mui/material/Stack';\nimport { alpha, styled } from '@mui/material/styles';\n\nexport const Container = styled(Stack)(({ theme }) => ({\n  border: `1px solid ${alpha(theme.palette.grey[500], 0.32)}`,\n  borderRadius: 8,\n  alignItems: 'center',\n  overflow: 'hidden',\n}));\n\nexport const GroupTop = styled(Stack)(() => ({\n  backgroundColor: '#F5F5F5',\n  padding: 8,\n  width: '100%',\n  justifyContent: 'space-between',\n  alignItems: 'center',\n  gap: 12,\n\n  '& .MuiInputBase-root': {\n    backgroundColor: '#fff',\n  },\n}));\n\nexport const GroupContainer = styled(Stack)(({ theme }) => ({\n  border: `1px solid ${alpha(theme.palette.grey[500], 0.32)}`,\n  borderRadius: 8,\n  alignItems: 'center',\n}));\n\nexport const CollapseGroup = styled(Collapse)(() => ({\n  width: '100%',\n  padding: '12px 16px',\n}));\n"]}

package/dist/components/FixedProgressBar/index.js

@@ -1,22 +1,3 @@
-import { jsx } from "react/jsx-runtime";
-import LinearProgress from "@mui/material/LinearProgress";
-const FixedProgressBar = ({ sx }) => {
-  return /* @__PURE__ */ jsx(
-    LinearProgress,
-    {
-      sx: {
-        position: "absolute",
-        top: 0,
-        left: 0,
-        width: 1,
-        zIndex: 9999,
-        ...sx
-      }
-    }
-  );
-};
-var FixedProgressBar_default = FixedProgressBar;
-export {
-  FixedProgressBar_default as default
-};
+export { a as default } from '../../chunk-6PNQMBJS.js';
+//# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/FixedProgressBar/index.tsx"],"sourcesContent":["import LinearProgress, {\n  LinearProgressProps,\n} from '@mui/material/LinearProgress';\n\nconst FixedProgressBar = ({ sx }: LinearProgressProps) => {\n  return (\n    <LinearProgress\n      sx={{\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        width: 1,\n        zIndex: 9999,\n        ...sx,\n      }}\n    />\n  );\n};\n\nexport default FixedProgressBar;\n"],"mappings":"AAMI;AANJ,OAAO,oBAEA;AAEP,MAAM,mBAAmB,CAAC,EAAE,GAAG,MAA2B;AACxD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,KAAK;AAAA,QACL,MAAM;AAAA,QACN,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,GAAG;AAAA,MACL;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,2BAAQ;","names":[]}
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/components/FrameSkeleton/index.js

@@ -1,108 +1,18 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import Divider from "@mui/material/Divider";
-import IconButton from "@mui/material/IconButton";
-import Stack from "@mui/material/Stack";
-import Typography from "@mui/material/Typography";
-import HelpButton from "components/HelpButton";
-import WhiteBox from "components/WhiteBox";
-import Icon from "../Icon";
-import {
-  Children,
-  FrameHeader,
-  LeftBox,
-  SectionSubtitle,
-  SectionTile,
-  SectionTitle,
-  SideBarWrapper,
-  StyledScrollbar,
-  TopBox
-} from "./style";
-const FrameSkeleton = ({
-  title,
-  sections,
-  headerLeftContent,
-  headerRightContent,
-  onClickBack
-}) => {
-  return /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsxs(Stack, { direction: "row", children: [
-    /* @__PURE__ */ jsx(LeftBox, { id: "frame-skeleton-left-box", children: /* @__PURE__ */ jsx(StyledScrollbar, { children: /* @__PURE__ */ jsxs(SideBarWrapper, { children: [
-      /* @__PURE__ */ jsx(
-        Typography,
-        {
-          variant: "overline",
-          color: "text.disabled",
-          fontWeight: 700,
-          children: "ACESSO R\xC1PIDO"
-        }
-      ),
-      sections.map((section, index) => /* @__PURE__ */ jsxs(Stack, { children: [
-        /* @__PURE__ */ jsxs(
-          SectionTile,
-          {
-            onClick: () => {
-              if (section.ref.current)
-                section.ref.current.scrollIntoView({
-                  block: "start",
-                  behavior: "smooth"
-                });
-            },
-            children: [
-              section.title,
-              section.isRequired && /* @__PURE__ */ jsx("span", { children: "*" })
-            ]
-          }
-        ),
-        index < sections.length - 1 && /* @__PURE__ */ jsx(Divider, {})
-      ] }, index))
-    ] }) }) }),
-    /* @__PURE__ */ jsxs(Stack, { width: "100%", alignItems: "center", mb: 8, children: [
-      /* @__PURE__ */ jsx(TopBox, { children: /* @__PURE__ */ jsxs(FrameHeader, { children: [
-        /* @__PURE__ */ jsxs(Stack, { flexDirection: "row", gap: 2, alignItems: "center", children: [
-          /* @__PURE__ */ jsx(IconButton, { color: "primary", onClick: () => onClickBack(), children: /* @__PURE__ */ jsx(Icon, { icon: "CHEVRON_LEFT" }) }),
-          /* @__PURE__ */ jsx(Typography, { variant: "h4", children: title }),
-          headerLeftContent
-        ] }),
-        /* @__PURE__ */ jsxs(
-          Stack,
-          {
-            direction: "row",
-            gap: 2,
-            alignItems: "center",
-            minWidth: "max-content",
-            children: [
-              /* @__PURE__ */ jsx(HelpButton, { disabled: true }),
-              headerRightContent
-            ]
-          }
-        )
-      ] }) }),
-      /* @__PURE__ */ jsx(Children, { children: sections.map((section, index) => /* @__PURE__ */ jsxs(
-        Stack,
-        {
-          paddingTop: 3,
-          paddingBottom: 2,
-          alignItems: "start",
-          width: "100%",
-          id: `section-${index}`,
-          children: [
-            /* @__PURE__ */ jsx(
-              SectionTitle,
-              {
-                ref: section.ref,
-                children: section.title
-              }
-            ),
-            /* @__PURE__ */ jsx(SectionSubtitle, { children: section.subTitle }),
-            /* @__PURE__ */ jsx(WhiteBox, { width: "100%", borderRadius: 1, gap: 1.5, padding: 3, children: section.child })
-          ]
-        },
-        section.title
-      )) })
-    ] })
-  ] }) });
-};
-var FrameSkeleton_default = FrameSkeleton;
-export {
-  FrameSkeleton_default as default
-};
+import { a as a$3 } from '../../chunk-7SCNQBRZ.js';
+import { a } from '../../chunk-LTMBAS4K.js';
+import { a as a$2 } from '../../chunk-SY7GX7PZ.js';
+import { a as a$1 } from '../../chunk-FU42GMHJ.js';
+import '../../chunk-ZK4R7GDN.js';
+import v from '@mui/material/Divider';
+import F from '@mui/material/IconButton';
+import n from '@mui/material/Stack';
+import g from '@mui/material/Typography';
+import C from '@mui/material/Button';
+import { styled } from '@mui/material/styles';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var S=styled(n)(({theme:o})=>({backgroundColor:"#fff",minWidth:"250px",padding:24,minHeight:"100vh",borderRight:`1px solid ${o.palette.grey[300]}`})),h=styled(n)(({theme:o})=>({backgroundColor:"#fff",position:"sticky",top:0,zIndex:999,width:"100%",padding:24,gap:24,borderBottom:`1px solid ${o.palette.grey[300]}`})),s=styled(n)({flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:24}),x=styled(n)(({theme:o})=>({height:"100%",width:"50%",flex:1,[o.breakpoints.down(1680)]:{width:"70%"}})),b=styled(g)(({theme:o})=>({color:o.palette.grey[800],fontSize:18,fontWeight:700})),k=styled(g)(({theme:o})=>({color:o.palette.grey[500],fontSize:14,fontWeight:400,paddingBottom:24})),y=styled(C)(({theme:o})=>({paddingTop:6,paddingBottom:6,paddingLeft:0,margin:0,marginBottom:4,marginTop:4,width:"100%",display:"block",cursor:"pointer",color:o.palette.grey[600],textAlign:"left",fontWeight:400,fontSize:14,"> span":{color:o.palette.error.main}})),B=styled(a)(()=>({height:1,"& .simplebar-content":{height:1}})),T=styled(n)(()=>({position:"fixed",width:"202px"}));var H=({title:o,sections:l,headerLeftContent:w,headerRightContent:I,onClickBack:W})=>jsx(n,{children:jsxs(n,{direction:"row",children:[jsx(S,{id:"frame-skeleton-left-box",children:jsx(B,{children:jsxs(T,{children:[jsx(g,{variant:"overline",color:"text.disabled",fontWeight:700,children:"ACESSO R\xC1PIDO"}),l.map((e,p)=>jsxs(n,{children:[jsxs(y,{onClick:()=>{e.ref.current&&e.ref.current.scrollIntoView({block:"start",behavior:"smooth"});},children:[e.title,e.isRequired&&jsx("span",{children:"*"})]}),p<l.length-1&&jsx(v,{})]},p))]})})}),jsxs(n,{width:"100%",alignItems:"center",mb:8,children:[jsx(h,{children:jsxs(s,{children:[jsxs(n,{flexDirection:"row",gap:2,alignItems:"center",children:[jsx(F,{color:"primary",onClick:()=>W(),children:jsx(a$1,{icon:"CHEVRON_LEFT"})}),jsx(g,{variant:"h4",children:o}),w]}),jsxs(n,{direction:"row",gap:2,alignItems:"center",minWidth:"max-content",children:[jsx(a$2,{disabled:!0}),I]})]})}),jsx(x,{children:l.map((e,p)=>jsxs(n,{paddingTop:3,paddingBottom:2,alignItems:"start",width:"100%",id:`section-${p}`,children:[jsx(b,{ref:e.ref,children:e.title}),jsx(k,{children:e.subTitle}),jsx(a$3,{width:"100%",borderRadius:1,gap:1.5,padding:3,children:e.child})]},e.title))})]})]})}),_=H;
+
+export { _ as default };
+//# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/FrameSkeleton/index.tsx"],"sourcesContent":["import Divider from '@mui/material/Divider';\nimport IconButton from '@mui/material/IconButton';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\n\nimport HelpButton from 'components/HelpButton';\nimport WhiteBox from 'components/WhiteBox';\n\nimport Icon from '../Icon';\n\nimport { FrameSkeletonProps } from './props';\nimport {\n  Children,\n  FrameHeader,\n  LeftBox,\n  SectionSubtitle,\n  SectionTile,\n  SectionTitle,\n  SideBarWrapper,\n  StyledScrollbar,\n  TopBox,\n} from './style';\n\nconst FrameSkeleton = ({\n  title,\n  sections,\n  headerLeftContent,\n  headerRightContent,\n  onClickBack,\n}: FrameSkeletonProps) => {\n  return (\n    <Stack>\n      <Stack direction=\"row\">\n        <LeftBox id=\"frame-skeleton-left-box\">\n          <StyledScrollbar>\n            <SideBarWrapper>\n              <Typography\n                variant=\"overline\"\n                color=\"text.disabled\"\n                fontWeight={700}\n              >\n                ACESSO RÁPIDO\n              </Typography>\n\n              {sections.map((section, index) => (\n                <Stack key={index}>\n                  <SectionTile\n                    onClick={() => {\n                      if (section.ref.current)\n                        section.ref.current.scrollIntoView({\n                          block: 'start',\n                          behavior: 'smooth',\n                        });\n                    }}\n                  >\n                    {section.title}\n                    {section.isRequired && <span>*</span>}\n                  </SectionTile>\n\n                  {index < sections.length - 1 && <Divider />}\n                </Stack>\n              ))}\n            </SideBarWrapper>\n          </StyledScrollbar>\n        </LeftBox>\n\n        <Stack width=\"100%\" alignItems=\"center\" mb={8}>\n          <TopBox>\n            <FrameHeader>\n              <Stack flexDirection=\"row\" gap={2} alignItems=\"center\">\n                <IconButton color=\"primary\" onClick={() => onClickBack()}>\n                  <Icon icon=\"CHEVRON_LEFT\" />\n                </IconButton>\n\n                <Typography variant=\"h4\">{title}</Typography>\n                {headerLeftContent}\n              </Stack>\n\n              <Stack\n                direction=\"row\"\n                gap={2}\n                alignItems=\"center\"\n                minWidth=\"max-content\"\n              >\n                <HelpButton disabled />\n                {headerRightContent}\n              </Stack>\n            </FrameHeader>\n          </TopBox>\n\n          <Children>\n            {sections.map((section, index) => (\n              <Stack\n                key={section.title}\n                paddingTop={3}\n                paddingBottom={2}\n                alignItems=\"start\"\n                width=\"100%\"\n                id={`section-${index}`}\n              >\n                <SectionTitle\n                  ref={section.ref as React.RefObject<HTMLDivElement>}\n                >\n                  {section.title}\n                </SectionTitle>\n                <SectionSubtitle>{section.subTitle}</SectionSubtitle>\n\n                <WhiteBox width=\"100%\" borderRadius={1} gap={1.5} padding={3}>\n                  {section.child}\n                </WhiteBox>\n              </Stack>\n            ))}\n          </Children>\n        </Stack>\n      </Stack>\n    </Stack>\n  );\n};\n\nexport default FrameSkeleton;\n"],"mappings":"AAoCc,cAUI,YAVJ;AApCd,OAAO,aAAa;AACpB,OAAO,gBAAgB;AACvB,OAAO,WAAW;AAClB,OAAO,gBAAgB;AAEvB,OAAO,gBAAgB;AACvB,OAAO,cAAc;AAErB,OAAO,UAAU;AAGjB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA0B;AACxB,SACE,oBAAC,SACC,+BAAC,SAAM,WAAU,OACf;AAAA,wBAAC,WAAQ,IAAG,2BACV,8BAAC,mBACC,+BAAC,kBACC;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,OAAM;AAAA,UACN,YAAY;AAAA,UACb;AAAA;AAAA,MAED;AAAA,MAEC,SAAS,IAAI,CAAC,SAAS,UACtB,qBAAC,SACC;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,SAAS,MAAM;AACb,kBAAI,QAAQ,IAAI;AACd,wBAAQ,IAAI,QAAQ,eAAe;AAAA,kBACjC,OAAO;AAAA,kBACP,UAAU;AAAA,gBACZ,CAAC;AAAA,YACL;AAAA,YAEC;AAAA,sBAAQ;AAAA,cACR,QAAQ,cAAc,oBAAC,UAAK,eAAC;AAAA;AAAA;AAAA,QAChC;AAAA,QAEC,QAAQ,SAAS,SAAS,KAAK,oBAAC,WAAQ;AAAA,WAd/B,KAeZ,CACD;AAAA,OACH,GACF,GACF;AAAA,IAEA,qBAAC,SAAM,OAAM,QAAO,YAAW,UAAS,IAAI,GAC1C;AAAA,0BAAC,UACC,+BAAC,eACC;AAAA,6BAAC,SAAM,eAAc,OAAM,KAAK,GAAG,YAAW,UAC5C;AAAA,8BAAC,cAAW,OAAM,WAAU,SAAS,MAAM,YAAY,GACrD,8BAAC,QAAK,MAAK,gBAAe,GAC5B;AAAA,UAEA,oBAAC,cAAW,SAAQ,MAAM,iBAAM;AAAA,UAC/B;AAAA,WACH;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,KAAK;AAAA,YACL,YAAW;AAAA,YACX,UAAS;AAAA,YAET;AAAA,kCAAC,cAAW,UAAQ,MAAC;AAAA,cACpB;AAAA;AAAA;AAAA,QACH;AAAA,SACF,GACF;AAAA,MAEA,oBAAC,YACE,mBAAS,IAAI,CAAC,SAAS,UACtB;AAAA,QAAC;AAAA;AAAA,UAEC,YAAY;AAAA,UACZ,eAAe;AAAA,UACf,YAAW;AAAA,UACX,OAAM;AAAA,UACN,IAAI,WAAW;AAAA,UAEf;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,KAAK,QAAQ;AAAA,gBAEZ,kBAAQ;AAAA;AAAA,YACX;AAAA,YACA,oBAAC,mBAAiB,kBAAQ,UAAS;AAAA,YAEnC,oBAAC,YAAS,OAAM,QAAO,cAAc,GAAG,KAAK,KAAK,SAAS,GACxD,kBAAQ,OACX;AAAA;AAAA;AAAA,QAhBK,QAAQ;AAAA,MAiBf,CACD,GACH;AAAA,OACF;AAAA,KACF,GACF;AAEJ;AAEA,IAAO,wBAAQ;","names":[]}
+{"version":3,"sources":["../../../src/components/FrameSkeleton/index.tsx","../../../src/components/FrameSkeleton/style.ts"],"names":["Divider","IconButton","Stack","Typography","Button","styled","LeftBox","theme","TopBox","FrameHeader","Children","SectionTitle","SectionSubtitle","SectionTile","StyledScrollbar","Scrollbar_default","SideBarWrapper","jsx","jsxs","FrameSkeleton","title","sections","headerLeftContent","headerRightContent","onClickBack","section","index","Icon_default","HelpButton_default","WhiteBox_default","FrameSkeleton_default"],"mappings":"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","sourcesContent":["import Divider from '@mui/material/Divider';\nimport IconButton from '@mui/material/IconButton';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\n\nimport HelpButton from 'components/HelpButton';\nimport WhiteBox from 'components/WhiteBox';\n\nimport Icon from '../Icon';\n\nimport { FrameSkeletonProps } from './props';\nimport {\n  Children,\n  FrameHeader,\n  LeftBox,\n  SectionSubtitle,\n  SectionTile,\n  SectionTitle,\n  SideBarWrapper,\n  StyledScrollbar,\n  TopBox,\n} from './style';\n\nconst FrameSkeleton = ({\n  title,\n  sections,\n  headerLeftContent,\n  headerRightContent,\n  onClickBack,\n}: FrameSkeletonProps) => {\n  return (\n    <Stack>\n      <Stack direction=\"row\">\n        <LeftBox id=\"frame-skeleton-left-box\">\n          <StyledScrollbar>\n            <SideBarWrapper>\n              <Typography\n                variant=\"overline\"\n                color=\"text.disabled\"\n                fontWeight={700}\n              >\n                ACESSO RÁPIDO\n              </Typography>\n\n              {sections.map((section, index) => (\n                <Stack key={index}>\n                  <SectionTile\n                    onClick={() => {\n                      if (section.ref.current)\n                        section.ref.current.scrollIntoView({\n                          block: 'start',\n                          behavior: 'smooth',\n                        });\n                    }}\n                  >\n                    {section.title}\n                    {section.isRequired && <span>*</span>}\n                  </SectionTile>\n\n                  {index < sections.length - 1 && <Divider />}\n                </Stack>\n              ))}\n            </SideBarWrapper>\n          </StyledScrollbar>\n        </LeftBox>\n\n        <Stack width=\"100%\" alignItems=\"center\" mb={8}>\n          <TopBox>\n            <FrameHeader>\n              <Stack flexDirection=\"row\" gap={2} alignItems=\"center\">\n                <IconButton color=\"primary\" onClick={() => onClickBack()}>\n                  <Icon icon=\"CHEVRON_LEFT\" />\n                </IconButton>\n\n                <Typography variant=\"h4\">{title}</Typography>\n                {headerLeftContent}\n              </Stack>\n\n              <Stack\n                direction=\"row\"\n                gap={2}\n                alignItems=\"center\"\n                minWidth=\"max-content\"\n              >\n                <HelpButton disabled />\n                {headerRightContent}\n              </Stack>\n            </FrameHeader>\n          </TopBox>\n\n          <Children>\n            {sections.map((section, index) => (\n              <Stack\n                key={section.title}\n                paddingTop={3}\n                paddingBottom={2}\n                alignItems=\"start\"\n                width=\"100%\"\n                id={`section-${index}`}\n              >\n                <SectionTitle\n                  ref={section.ref as React.RefObject<HTMLDivElement>}\n                >\n                  {section.title}\n                </SectionTitle>\n                <SectionSubtitle>{section.subTitle}</SectionSubtitle>\n\n                <WhiteBox width=\"100%\" borderRadius={1} gap={1.5} padding={3}>\n                  {section.child}\n                </WhiteBox>\n              </Stack>\n            ))}\n          </Children>\n        </Stack>\n      </Stack>\n    </Stack>\n  );\n};\n\nexport default FrameSkeleton;\n","import Button from '@mui/material/Button';\nimport Stack from '@mui/material/Stack';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nimport Scrollbar from '../Scrollbar';\n\nexport const LeftBox = styled(Stack)(({ theme }) => ({\n  backgroundColor: '#fff',\n  minWidth: '250px',\n  padding: 24,\n  minHeight: '100vh',\n  borderRight: `1px solid ${theme.palette.grey[300]}`,\n}));\n\nexport const TopBox = styled(Stack)(({ theme }) => ({\n  backgroundColor: '#fff',\n  position: 'sticky',\n  top: 0,\n  zIndex: 999,\n  width: '100%',\n  padding: 24,\n  gap: 24,\n  borderBottom: `1px solid ${theme.palette.grey[300]}`,\n}));\n\nexport const FrameHeader = styled(Stack)({\n  flexDirection: 'row',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  gap: 24,\n});\n\nexport const Children = styled(Stack)(({ theme }) => ({\n  height: '100%',\n  width: '50%',\n  flex: 1,\n\n  [theme.breakpoints.down(1680)]: {\n    width: '70%',\n  },\n}));\n\nexport const SectionTitle = styled(Typography)(({ theme }) => ({\n  color: theme.palette.grey[800],\n  fontSize: 18,\n  fontWeight: 700,\n}));\n\nexport const SectionSubtitle = styled(Typography)(({ theme }) => ({\n  color: theme.palette.grey[500],\n  fontSize: 14,\n  fontWeight: 400,\n  paddingBottom: 24,\n}));\n\nexport const SectionTile = styled(Button)(({ theme }) => ({\n  paddingTop: 6,\n  paddingBottom: 6,\n  paddingLeft: 0,\n  margin: 0,\n  marginBottom: 4,\n  marginTop: 4,\n  width: '100%',\n  display: 'block',\n  cursor: 'pointer',\n  color: theme.palette.grey[600],\n  textAlign: 'left',\n  fontWeight: 400,\n  fontSize: 14,\n\n  '> span': {\n    color: theme.palette.error.main,\n  },\n}));\n\nexport const StyledScrollbar = styled(Scrollbar)(() => ({\n  height: 1,\n  '& .simplebar-content': {\n    height: 1,\n  },\n}));\n\nexport const SideBarWrapper = styled(Stack)(() => ({\n  position: 'fixed',\n  width: '202px',\n}));\n"]}

package/dist/components/HelpButton/index.js

@@ -1,22 +1,5 @@
-import { jsx } from "react/jsx-runtime";
-import Button from "@mui/material/Button";
-import Icon from "../Icon";
-const HelpButton = ({ link, ...props }) => {
-  const linkProps = link && { href: link, target: "_blank" };
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      ...props,
-      startIcon: /* @__PURE__ */ jsx(Icon, { icon: "HELP_CIRCLE" }),
-      variant: "outlined",
-      color: "inherit",
-      ...linkProps,
-      children: "Ajuda"
-    }
-  );
-};
-var HelpButton_default = HelpButton;
-export {
-  HelpButton_default as default
-};
+export { a as default } from '../../chunk-SY7GX7PZ.js';
+import '../../chunk-FU42GMHJ.js';
+import '../../chunk-ZK4R7GDN.js';
+//# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/HelpButton/index.tsx"],"sourcesContent":["import Button from '@mui/material/Button';\n\nimport Icon from '../Icon';\n\nimport { HelpButtonProps } from './props';\n\nconst HelpButton = ({ link, ...props }: HelpButtonProps) => {\n  const linkProps = link && { href: link, target: '_blank' };\n\n  return (\n    <Button\n      {...props}\n      startIcon={<Icon icon=\"HELP_CIRCLE\" />}\n      variant=\"outlined\"\n      color=\"inherit\"\n      {...linkProps}\n    >\n      Ajuda\n    </Button>\n  );\n};\n\nexport default HelpButton;\n"],"mappings":"AAYiB;AAZjB,OAAO,YAAY;AAEnB,OAAO,UAAU;AAIjB,MAAM,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,MAAuB;AAC1D,QAAM,YAAY,QAAQ,EAAE,MAAM,MAAM,QAAQ,SAAS;AAEzD,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,oBAAC,QAAK,MAAK,eAAc;AAAA,MACpC,SAAQ;AAAA,MACR,OAAM;AAAA,MACL,GAAG;AAAA,MACL;AAAA;AAAA,EAED;AAEJ;AAEA,IAAO,qBAAQ;","names":[]}
+{"version":3,"sources":[],"names":[],"mappings":""}