@zydon/common 2.2.48 → 2.2.50

package/dist/components/DatePicker/index.js

@@ -1,42 +1,7 @@
-import { jsx } from "react/jsx-runtime";
-import { DatePicker as MuiDatePicker } from "@mui/x-date-pickers-pro";
-import dayjs from "dayjs";
-const DatePicker = ({
-  value,
-  onChange,
-  tabIndex,
-  helperText,
-  required,
-  ...other
-}) => {
-  return /* @__PURE__ */ jsx(
-    MuiDatePicker,
-    {
-      ...other,
-      format: "DD/MM/YYYY",
-      value: value ? dayjs(value) : null,
-      onChange: (v) => onChange(v ? v.toDate() : null),
-      slotProps: {
-        textField: {
-          ...other.slotProps?.textField,
-          required,
-          helperText,
-          autoComplete: "off",
-          spellCheck: "false",
-          fullWidth: true,
-          inputProps: {
-            tabIndex
-          }
-        },
-        openPickerButton: {
-          tabIndex
-        }
-      }
-    }
-  );
-};
-var DatePicker_default = DatePicker;
-export {
-  DatePicker_default as default
-};
-//# sourceMappingURL=index.js.map
+import { DatePicker } from '@mui/x-date-pickers-pro';
+import s from 'dayjs';
+import { jsx } from 'react/jsx-runtime';
+
+var P=({value:t,onChange:l,tabIndex:e,helperText:i,required:p,...o})=>jsx(DatePicker,{...o,format:"DD/MM/YYYY",value:t?s(t):null,onChange:r=>l(r?r.toDate():null),slotProps:{textField:{...o.slotProps?.textField,required:p,helperText:i,autoComplete:"off",spellCheck:"false",fullWidth:!0,inputProps:{tabIndex:e}},openPickerButton:{tabIndex:e}}}),c=P;
+
+export { c as default };

package/dist/components/DateRangePicker/index.js

@@ -1,50 +1,7 @@
-import { jsx } from "react/jsx-runtime";
-import { DateRangePicker as MuiDateRangePicker } from "@mui/x-date-pickers-pro";
-import dayjs from "dayjs";
-const DateRangePicker = ({
-  label,
-  value,
-  onChange,
-  tabIndex,
-  helperText,
-  required,
-  ...other
-}) => {
-  return /* @__PURE__ */ jsx(
-    MuiDateRangePicker,
-    {
-      format: "DD/MM/YYYY",
-      value: [
-        value?.startDate ? dayjs(value.startDate) : null,
-        value?.endDate ? dayjs(value.endDate) : null
-      ],
-      onChange: (v) => onChange({
-        startDate: v[0] ? v[0].toDate() : null,
-        endDate: v[1] ? v[1].toDate() : null
-      }),
-      ...other,
-      slotProps: {
-        textField: () => ({
-          ...other.slotProps?.textField,
-          required,
-          helperText,
-          autoComplete: "off",
-          spellCheck: "false",
-          fullWidth: true,
-          label,
-          inputProps: {
-            tabIndex
-          }
-        })
-      },
-      sx: {
-        width: 1
-      }
-    }
-  );
-};
-var DateRangePicker_default = DateRangePicker;
-export {
-  DateRangePicker_default as default
-};
-//# sourceMappingURL=index.js.map
+import { DateRangePicker } from '@mui/x-date-pickers-pro';
+import r from 'dayjs';
+import { jsx } from 'react/jsx-runtime';
+
+var p=({label:o,value:t,onChange:l,tabIndex:n,helperText:s,required:D,...a})=>jsx(DateRangePicker,{format:"DD/MM/YYYY",value:[t?.startDate?r(t.startDate):null,t?.endDate?r(t.endDate):null],onChange:e=>l({startDate:e[0]?e[0].toDate():null,endDate:e[1]?e[1].toDate():null}),...a,slotProps:{textField:()=>({...a.slotProps?.textField,required:D,helperText:s,autoComplete:"off",spellCheck:"false",fullWidth:!0,label:o,inputProps:{tabIndex:n}})},sx:{width:1}}),u=p;
+
+export { u as default };

package/dist/components/DateTimePicker/index.js

@@ -1,40 +1,7 @@
-import { jsx } from "react/jsx-runtime";
-import { DateTimePicker as MuiDateTimePicker } from "@mui/x-date-pickers-pro";
-import dayjs from "dayjs";
-const DateTimePicker = ({
-  value,
-  onChange,
-  tabIndex,
-  helperText,
-  required,
-  ...other
-}) => {
-  return /* @__PURE__ */ jsx(
-    MuiDateTimePicker,
-    {
-      ...other,
-      format: "DD/MM/YYYY HH:mm",
-      value: value ? dayjs(value) : null,
-      onChange: (v) => onChange(v ? v.toDate() : null),
-      slotProps: {
-        textField: {
-          ...other.slotProps?.textField,
-          required,
-          helperText,
-          autoComplete: "off",
-          spellCheck: "false",
-          fullWidth: true,
-          inputProps: { tabIndex }
-        },
-        openPickerButton: {
-          tabIndex
-        }
-      }
-    }
-  );
-};
-var DateTimePicker_default = DateTimePicker;
-export {
-  DateTimePicker_default as default
-};
-//# sourceMappingURL=index.js.map
+import { DateTimePicker } from '@mui/x-date-pickers-pro';
+import a from 'dayjs';
+import { jsx } from 'react/jsx-runtime';
+
+var s=({value:e,onChange:i,tabIndex:t,helperText:l,required:m,...o})=>jsx(DateTimePicker,{...o,format:"DD/MM/YYYY HH:mm",value:e?a(e):null,onChange:r=>i(r?r.toDate():null),slotProps:{textField:{...o.slotProps?.textField,required:m,helperText:l,autoComplete:"off",spellCheck:"false",fullWidth:!0,inputProps:{tabIndex:t}},openPickerButton:{tabIndex:t}}}),D=s;
+
+export { D as default };

package/dist/components/Delayed/index.js

@@ -1,17 +1,5 @@
-import { useEffect, useState } from "react";
-const Delayed = ({
-  children,
-  waitBeforeShow = 500
-}) => {
-  const [isShown, setIsShown] = useState(false);
-  useEffect(() => {
-    const timer = setTimeout(() => setIsShown(true), waitBeforeShow);
-    return () => clearTimeout(timer);
-  }, [waitBeforeShow]);
-  return isShown ? children : null;
-};
-var Delayed_default = Delayed;
-export {
-  Delayed_default as default
-};
-//# sourceMappingURL=index.js.map
+import { useState, useEffect } from 'react';
+
+var i=({children:t,waitBeforeShow:e=500})=>{let[r,o]=useState(!1);return useEffect(()=>{let s=setTimeout(()=>o(!0),e);return ()=>clearTimeout(s)},[e]),r?t:null},p=i;
+
+export { p as default };

package/dist/components/Drawer/index.js

@@ -1,39 +1,12 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import MuiDrawer from "@mui/material/Drawer";
-import IconButton from "@mui/material/IconButton";
-import Stack from "@mui/material/Stack";
-import Icon from "../Icon";
-import Scrollbar from "../Scrollbar";
-import { Header, HeaderTitle } from "./styles";
-const Drawer = ({
-  headerTitle,
-  onClose,
-  children,
-  contentProps,
-  maxWidth = 684,
-  ...other
-}) => {
-  return /* @__PURE__ */ jsxs(
-    MuiDrawer,
-    {
-      anchor: "right",
-      PaperProps: {
-        sx: { width: 1, maxWidth }
-      },
-      onClose,
-      ...other,
-      children: [
-        /* @__PURE__ */ jsxs(Header, { children: [
-          /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: onClose, children: /* @__PURE__ */ jsx(Icon, { icon: "CLOSE_MARK_BUTTON", width: 18 }) }),
-          /* @__PURE__ */ jsx(HeaderTitle, { children: headerTitle })
-        ] }),
-        /* @__PURE__ */ jsx(Scrollbar, { children: /* @__PURE__ */ jsx(Stack, { p: 3, ...contentProps, children }) })
-      ]
-    }
-  );
-};
-var Drawer_default = Drawer;
-export {
-  Drawer_default as default
-};
-//# sourceMappingURL=index.js.map
+import { a as a$2 } from '../../chunk-E5MGOPPQ.js';
+import { a as a$1 } from '../../chunk-PMPALWRO.js';
+import '../../chunk-3E5A45HM.js';
+import g from '@mui/material/Drawer';
+import x from '@mui/material/IconButton';
+import a from '@mui/material/Stack';
+import { styled } from '@mui/material/styles';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var n=styled(a)(({theme:r})=>({flexDirection:"row",alignItems:"center",borderBottom:`1px solid ${r.palette.grey[300]}`,padding:"22px 20px",gap:16})),l=styled(a)(({theme:r})=>({flexDirection:"row",alignItems:"center",gap:8,flex:1,fontSize:r.typography.subtitle1.fontSize,fontWeight:r.typography.subtitle1.fontWeight,fontFamily:r.typography.fontFamily}));var w=({headerTitle:r,onClose:t,children:f,contentProps:c,maxWidth:d=684,...s})=>jsxs(g,{anchor:"right",PaperProps:{sx:{width:1,maxWidth:d}},onClose:t,...s,children:[jsxs(n,{children:[jsx(x,{size:"small",onClick:t,children:jsx(a$1,{icon:"CLOSE_MARK_BUTTON",width:18})}),jsx(l,{children:r})]}),jsx(a$2,{children:jsx(a,{p:3,...c,children:f})})]}),B=w;
+
+export { B as default };

package/dist/components/EmptyContent/index.js

@@ -1,80 +1,3 @@
-import { 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 EmptyContentSVG from "assets/illustrations/EmptyContent";
-import { varAlpha } from "theme/styles";
-const EmptyContent = ({
-  sx,
-  imgUrl,
-  action,
-  filled,
-  slotProps,
-  description,
-  title = "No data",
-  ...other
-}) => {
-  return /* @__PURE__ */ jsxs(
-    Stack,
-    {
-      flexGrow: 1,
-      alignItems: "center",
-      justifyContent: "center",
-      sx: {
-        px: 3,
-        height: 1,
-        ...filled && {
-          borderRadius: 2,
-          bgcolor: (theme) => varAlpha(theme.vars.palette.grey["500Channel"], 0.04),
-          border: (theme) => `dashed 1px ${varAlpha(theme.vars.palette.grey["500Channel"], 0.08)}`
-        },
-        ...sx
-      },
-      ...other,
-      children: [
-        imgUrl ? /* @__PURE__ */ jsx(
-          Box,
-          {
-            component: "img",
-            alt: "empty content",
-            src: imgUrl,
-            sx: { width: 1, maxWidth: 160, ...slotProps?.img }
-          }
-        ) : /* @__PURE__ */ jsx(EmptyContentSVG, {}),
-        title && /* @__PURE__ */ jsx(
-          Typography,
-          {
-            variant: "h6",
-            component: "span",
-            sx: {
-              mt: 1,
-              textAlign: "center",
-              ...slotProps?.title,
-              color: "text.disabled"
-            },
-            children: title
-          }
-        ),
-        description && /* @__PURE__ */ jsx(
-          Typography,
-          {
-            variant: "caption",
-            sx: {
-              mt: 1,
-              textAlign: "center",
-              color: "text.disabled",
-              ...slotProps?.description
-            },
-            children: description
-          }
-        ),
-        action && action
-      ]
-    }
-  );
-};
-var EmptyContent_default = EmptyContent;
-export {
-  EmptyContent_default as default
-};
-//# sourceMappingURL=index.js.map
+export { a as default } from '../../chunk-ZODC2MGF.js';
+import '../../chunk-ZDHXW74M.js';
+import '../../chunk-D27ND54J.js';

package/dist/components/EmptyView/index.js

@@ -1,34 +1,2 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import Stack from "@mui/material/Stack";
-import Typography from "@mui/material/Typography";
-import EmptyContent from "assets/illustrations/EmptyContent";
-const EmptyView = ({ text, sx }) => {
-  return /* @__PURE__ */ jsxs(
-    Stack,
-    {
-      alignItems: "center",
-      justifyContent: "center",
-      gap: 3.75,
-      sx: {
-        textAlign: "center",
-        height: 1,
-        backgroundColor: "#fff",
-        padding: 2,
-        borderRadius: 2,
-        "& svg": {
-          width: "100%"
-        },
-        ...sx
-      },
-      children: [
-        /* @__PURE__ */ jsx(EmptyContent, {}),
-        /* @__PURE__ */ jsx(Typography, { variant: "body1", sx: { color: "text.secondary" }, children: text })
-      ]
-    }
-  );
-};
-var EmptyView_default = EmptyView;
-export {
-  EmptyView_default as default
-};
-//# sourceMappingURL=index.js.map
+export { a as default } from '../../chunk-2MVQI7NJ.js';
+import '../../chunk-ZDHXW74M.js';

package/dist/components/Error/index.js

@@ -1,46 +1,10 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import Button from "@mui/material/Button";
-import Stack from "@mui/material/Stack";
-import Typography from "@mui/material/Typography";
-import ImSorry from "assets/illustrations/ImSorry";
-import Icon from "../Icon";
-const Error = ({
-  title,
-  description,
-  onClickButton,
-  textButton = "Atualizar"
-}) => {
-  return /* @__PURE__ */ jsxs(
-    Stack,
-    {
-      height: 1,
-      width: 1,
-      alignItems: "center",
-      justifyContent: "center",
-      textAlign: "center",
-      gap: 3,
-      children: [
-        /* @__PURE__ */ jsx(ImSorry, {}),
-        /* @__PURE__ */ jsxs(Stack, { children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "h5", color: "grey.600", children: title }),
-          /* @__PURE__ */ jsx(Typography, { variant: "body1", color: "grey.600", children: description })
-        ] }),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "contained",
-            size: "large",
-            startIcon: /* @__PURE__ */ jsx(Icon, { icon: "REFRESH_CHANGE" }),
-            onClick: onClickButton,
-            children: textButton
-          }
-        )
-      ]
-    }
-  );
-};
-var Error_default = Error;
-export {
-  Error_default as default
-};
-//# sourceMappingURL=index.js.map
+import { a } from '../../chunk-PMPALWRO.js';
+import '../../chunk-3E5A45HM.js';
+import f from '@mui/material/Button';
+import l from '@mui/material/Stack';
+import e from '@mui/material/Typography';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var c=()=>jsxs("svg",{width:"270",height:"240",viewBox:"0 0 270 240",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsx("path",{d:"M134.533 239.195C60.232 239.195 0 235.603 0 231.173C0 226.744 60.232 223.152 134.533 223.152C208.835 223.152 269.067 226.744 269.067 231.173C269.067 235.603 208.835 239.195 134.533 239.195Z",fill:"#989898"}),jsx("path",{d:"M3.30371 156.829V184.359C3.30371 186.993 5.45705 189.141 8.08905 189.141H260.978C263.614 189.141 265.764 186.993 265.764 184.359V156.829H3.30371Z",fill:"#CFCFCF"}),jsx("path",{d:"M265.764 4.78535C265.764 2.15202 263.615 0 260.979 0H8.08933C5.45599 0 3.30266 2.15202 3.30266 4.78535V156.829H265.764L265.764 4.78535Z",fill:"#989898"}),jsx("path",{d:"M180.226 216.856H89.9502V189.14H180.226V216.856Z",fill:"#D8D7D5"}),jsx("path",{d:"M200.68 229.833H68.2568V216.859H200.68V229.833Z",fill:"#CFCFCF"}),jsx("path",{d:"M180.226 199.157H89.9502V189.14H180.226V199.157Z",fill:"#BCBBB9"}),jsx("path",{d:"M16.872 13.652H252.247V142.804H16.872V13.652Z",fill:"white"}),jsx("ellipse",{cx:"95.0798",cy:"73.1186",rx:"5.56321",ry:"7.64941",fill:"#CFCFCF"}),jsx("ellipse",{cx:"88.8218",cy:"88.3312",rx:"11.8218",ry:"4.1724",fill:"#EFEFEF",fillOpacity:"0.59"}),jsx("ellipse",{cx:"180.614",cy:"88.3312",rx:"11.8218",ry:"4.1724",fill:"#EFEFEF",fillOpacity:"0.59"}),jsx("ellipse",{cx:"172.965",cy:"73.1186",rx:"5.56321",ry:"7.64941",fill:"#CFCFCF"}),jsx("path",{d:"M122.896 88.4174C128.459 99.5438 140.281 97.4576 145.148 88.4174",stroke:"#CFCFCF",strokeWidth:"2.7816",strokeLinecap:"round"}),jsx("path",{d:"M168.792 52.952C175.051 57.8198 175.746 58.5152 183.395 57.8198",stroke:"#CFCFCF",strokeWidth:"2.7816",strokeLinecap:"round"}),jsx("path",{d:"M99.9473 52.952C93.6887 57.8198 92.9933 58.5152 85.3439 57.8198",stroke:"#CFCFCF",strokeWidth:"2.7816",strokeLinecap:"round"})]}),i=c;var s=({title:C,description:a$1,onClickButton:n,textButton:F="Atualizar"})=>jsxs(l,{height:1,width:1,alignItems:"center",justifyContent:"center",textAlign:"center",gap:3,children:[jsx(i,{}),jsxs(l,{children:[jsx(e,{variant:"h5",color:"grey.600",children:C}),jsx(e,{variant:"body1",color:"grey.600",children:a$1})]}),jsx(f,{variant:"contained",size:"large",startIcon:jsx(a,{icon:"REFRESH_CHANGE"}),onClick:n,children:F})]}),x=s;
+
+export { x as default };

package/dist/components/ExpandableGroup/index.js

@@ -1,33 +1,13 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import IconButton from "@mui/material/IconButton";
-import Stack from "@mui/material/Stack";
-import Typography from "@mui/material/Typography";
-import useToggle from "hooks/useToggle";
-import Icon from "../Icon";
-import { CollapseGroup, Container, GroupTop } from "./styles";
-const ExpandableGroup = ({
-  description,
-  name,
-  children,
-  header,
-  onDelete
-}) => {
-  const [expanded, toggleExpanded] = useToggle(true);
-  return /* @__PURE__ */ jsxs(Container, { children: [
-    /* @__PURE__ */ jsxs(GroupTop, { direction: "row", children: [
-      /* @__PURE__ */ jsxs(Stack, { direction: "row", alignItems: "center", gap: 1.5, flex: 1, children: [
-        /* @__PURE__ */ jsx(IconButton, { edge: "end", onClick: toggleExpanded, children: /* @__PURE__ */ jsx(Icon, { icon: expanded ? "CHEVRON_UP" : "CHEVRON_RIGHT" }) }),
-        /* @__PURE__ */ jsx(Typography, { variant: "overline", color: "text.primary", children: name }),
-        /* @__PURE__ */ jsx(Typography, { variant: "overline", color: "text.secondary", children: description }),
-        /* @__PURE__ */ jsx(Stack, { flex: 1, children: header })
-      ] }),
-      /* @__PURE__ */ jsx(IconButton, { color: "error", onClick: onDelete, children: /* @__PURE__ */ jsx(Icon, { icon: "DELETE_MARK_BUTTON_02" }) })
-    ] }),
-    /* @__PURE__ */ jsx(CollapseGroup, { in: expanded, timeout: "auto", unmountOnExit: true, children })
-  ] });
-};
-var ExpandableGroup_default = ExpandableGroup;
-export {
-  ExpandableGroup_default as default
-};
-//# sourceMappingURL=index.js.map
+import { a as a$1 } from '../../chunk-PMPALWRO.js';
+import '../../chunk-3E5A45HM.js';
+import { a } from '../../chunk-W3MYAMTH.js';
+import s from '@mui/material/IconButton';
+import p from '@mui/material/Stack';
+import g from '@mui/material/Typography';
+import G from '@mui/material/Collapse';
+import { styled, alpha } from '@mui/material/styles';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var d=styled(p)(({theme:r})=>({border:`1px solid ${alpha(r.palette.grey[500],.32)}`,borderRadius:8,alignItems:"center",overflow:"hidden"})),c=styled(p)(()=>({backgroundColor:"#F5F5F5",padding:8,width:"100%",justifyContent:"space-between",alignItems:"center",gap:12,"& .MuiInputBase-root":{backgroundColor:"#fff"}}));styled(p)(({theme:r})=>({border:`1px solid ${alpha(r.palette.grey[500],.32)}`,borderRadius:8,alignItems:"center"}));var m=styled(G)(()=>({width:"100%",padding:"12px 16px"}));var T=({description:r,name:f,children:x,header:C,onDelete:y})=>{let[i,h]=a(!0);return jsxs(d,{children:[jsxs(c,{direction:"row",children:[jsxs(p,{direction:"row",alignItems:"center",gap:1.5,flex:1,children:[jsx(s,{edge:"end",onClick:h,children:jsx(a$1,{icon:i?"CHEVRON_UP":"CHEVRON_RIGHT"})}),jsx(g,{variant:"overline",color:"text.primary",children:f}),jsx(g,{variant:"overline",color:"text.secondary",children:r}),jsx(p,{flex:1,children:C})]}),jsx(s,{color:"error",onClick:y,children:jsx(a$1,{icon:"DELETE_MARK_BUTTON_02"})})]}),jsx(m,{in:i,timeout:"auto",unmountOnExit:!0,children:x})]})},S=T;
+
+export { S as default };

package/dist/components/FixedProgressBar/index.js

@@ -1,22 +1 @@
-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
-};
-//# sourceMappingURL=index.js.map
+export { a as default } from '../../chunk-YWEB6IAI.js';

package/dist/components/FrameSkeleton/index.js

@@ -1,108 +1,16 @@
-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
-};
-//# sourceMappingURL=index.js.map
+import { a as a$3 } from '../../chunk-BYAPKKGB.js';
+import { a } from '../../chunk-E5MGOPPQ.js';
+import { a as a$2 } from '../../chunk-NQ32QBBI.js';
+import { a as a$1 } from '../../chunk-PMPALWRO.js';
+import '../../chunk-3E5A45HM.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 };

package/dist/components/HelpButton/index.js

@@ -1,22 +1,3 @@
-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
-};
-//# sourceMappingURL=index.js.map
+export { a as default } from '../../chunk-NQ32QBBI.js';
+import '../../chunk-PMPALWRO.js';
+import '../../chunk-3E5A45HM.js';