@zydon/common 2.2.42 → 2.2.44

package/dist/components/DateTimePicker/index.js

@@ -1,7 +1,41 @@
-import { DateTimePicker } from '@mui/x-date-pickers-pro';
-import a from 'dayjs';
 import { jsx } from 'react/jsx-runtime';
+import { DateTimePicker as DateTimePicker$1 } from '@mui/x-date-pickers-pro';
+import dayjs from 'dayjs';
 
-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;
+const DateTimePicker = ({
+  value,
+  onChange,
+  tabIndex,
+  helperText,
+  required,
+  ...other
+}) => {
+  return /* @__PURE__ */ jsx(
+    DateTimePicker$1,
+    {
+      ...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 { D as default };
+export { DateTimePicker_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/DateTimePicker/index.tsx"],"names":[],"mappings":"AAcI;AAdJ,SAAS,kBAAkB,yBAAyB;AACpD,OAAO,WAAW;AAIlB,MAAM,iBAAiB,CAAC;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA2B;AACzB,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,QAAO;AAAA,MACP,OAAO,QAAQ,MAAM,KAAK,IAAI;AAAA,MAC9B,UAAU,OAAK,SAAS,IAAI,EAAE,OAAO,IAAI,IAAI;AAAA,MAC7C,WAAW;AAAA,QACT,WAAW;AAAA,UACT,GAAG,MAAM,WAAW;AAAA,UACpB;AAAA,UACA;AAAA,UACA,cAAc;AAAA,UACd,YAAY;AAAA,UACZ,WAAW;AAAA,UACX,YAAY,EAAE,SAAS;AAAA,QACzB;AAAA,QACA,kBAAkB;AAAA,UAChB;AAAA,QACF;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,yBAAQ","sourcesContent":["import { DateTimePicker as MuiDateTimePicker } from '@mui/x-date-pickers-pro';\nimport dayjs from 'dayjs';\n\nimport { DateTimePickerProps } from './props';\n\nconst DateTimePicker = ({\n  value,\n  onChange,\n  tabIndex,\n  helperText,\n  required,\n  ...other\n}: DateTimePickerProps) => {\n  return (\n    <MuiDateTimePicker\n      {...other}\n      format=\"DD/MM/YYYY HH:mm\"\n      value={value ? dayjs(value) : null}\n      onChange={v => onChange(v ? v.toDate() : null)}\n      slotProps={{\n        textField: {\n          ...other.slotProps?.textField,\n          required,\n          helperText,\n          autoComplete: 'off',\n          spellCheck: 'false',\n          fullWidth: true,\n          inputProps: { tabIndex },\n        },\n        openPickerButton: {\n          tabIndex,\n        },\n      }}\n    />\n  );\n};\n\nexport default DateTimePicker;\n"]}

package/dist/components/Delayed/index.js

@@ -1,5 +1,18 @@
 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;
+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 { p as default };
+export { Delayed_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Delayed/index.tsx"],"names":[],"mappings":"AAAA,SAA4B,WAAW,gBAAgB;AAIvD,MAAM,UAAU,CAAC;AAAA,EACf;AAAA,EACA,iBAAiB;AACnB,MAAuC;AACrC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,YAAU,MAAM;AACd,UAAM,QAAQ,WAAW,MAAM,WAAW,IAAI,GAAG,cAAc;AAC/D,WAAO,MAAM,aAAa,KAAK;AAAA,EACjC,GAAG,CAAC,cAAc,CAAC;AAEnB,SAAO,UAAU,WAAW;AAC9B;AAEA,IAAO,kBAAQ","sourcesContent":["import { PropsWithChildren, useEffect, useState } from 'react';\n\nimport { DelayedProps } from './props';\n\nconst Delayed = ({\n  children,\n  waitBeforeShow = 500,\n}: PropsWithChildren<DelayedProps>) => {\n  const [isShown, setIsShown] = useState(false);\n\n  useEffect(() => {\n    const timer = setTimeout(() => setIsShown(true), waitBeforeShow);\n    return () => clearTimeout(timer);\n  }, [waitBeforeShow]);\n\n  return isShown ? children : null;\n};\n\nexport default Delayed;\n"]}

package/dist/components/Drawer/index.js

@@ -1,12 +1,40 @@
-import { a as a$2 } from '../../chunk-E5MGOPPQ.js';
-import { a as a$1 } from '../../chunk-PPUFQMAW.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';
+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';
 
-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;
+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 { B as default };
+export { Drawer_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Drawer/index.tsx"],"names":[],"mappings":"AA2BM,SAEI,KAFJ;AA3BN,OAAO,eAAe;AACtB,OAAO,gBAAgB;AACvB,OAAO,WAAW;AAElB,OAAO,UAAU;AACjB,OAAO,eAAe;AAGtB,SAAS,QAAQ,mBAAmB;AAEpC,MAAM,SAAS,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,GAAG;AACL,MAAmB;AACjB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP,YAAY;AAAA,QACV,IAAI,EAAE,OAAO,GAAG,SAAmB;AAAA,MACrC;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,6BAAC,UACC;AAAA,8BAAC,cAAW,MAAK,SAAQ,SAAS,SAChC,8BAAC,QAAK,MAAK,qBAAoB,OAAO,IAAI,GAC5C;AAAA,UAEA,oBAAC,eAAa,uBAAY;AAAA,WAC5B;AAAA,QACA,oBAAC,aACC,8BAAC,SAAM,GAAG,GAAI,GAAG,cACd,UACH,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,iBAAQ","sourcesContent":["import MuiDrawer from '@mui/material/Drawer';\nimport IconButton from '@mui/material/IconButton';\nimport Stack from '@mui/material/Stack';\n\nimport Icon from '../Icon';\nimport Scrollbar from '../Scrollbar';\n\nimport { DrawerProps } from './props';\nimport { Header, HeaderTitle } from './styles';\n\nconst Drawer = ({\n  headerTitle,\n  onClose,\n  children,\n  contentProps,\n  maxWidth = 684,\n  ...other\n}: DrawerProps) => {\n  return (\n    <MuiDrawer\n      anchor=\"right\"\n      PaperProps={{\n        sx: { width: 1, maxWidth: maxWidth },\n      }}\n      onClose={onClose}\n      {...other}\n    >\n      <Header>\n        <IconButton size=\"small\" onClick={onClose}>\n          <Icon icon=\"CLOSE_MARK_BUTTON\" width={18} />\n        </IconButton>\n\n        <HeaderTitle>{headerTitle}</HeaderTitle>\n      </Header>\n      <Scrollbar>\n        <Stack p={3} {...contentProps}>\n          {children}\n        </Stack>\n      </Scrollbar>\n    </MuiDrawer>\n  );\n};\n\nexport default Drawer;\n"]}

package/dist/components/EmptyContent/index.js

@@ -1,3 +1,81 @@
-export { a as default } from '../../chunk-ZODC2MGF.js';
-import '../../chunk-ZDHXW74M.js';
-import '../../chunk-D27ND54J.js';
+import { jsxs, jsx } 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=out.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/EmptyContent/index.tsx"],"names":[],"mappings":"AAoBI,SAmBI,KAnBJ;AApBJ,OAAO,SAAS;AAChB,OAAO,WAAW;AAClB,OAAO,gBAAgB;AAEvB,OAAO,qBAAqB;AAC5B,SAAS,gBAAgB;AAIzB,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,GAAG;AACL,MAAyB;AACvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAU;AAAA,MACV,YAAW;AAAA,MACX,gBAAe;AAAA,MACf,IAAI;AAAA,QACF,IAAI;AAAA,QACJ,QAAQ;AAAA,QACR,GAAI,UAAU;AAAA,UACZ,cAAc;AAAA,UACd,SAAS,WACP,SAAS,MAAM,KAAK,QAAQ,KAAK,YAAY,GAAG,IAAI;AAAA,UACtD,QAAQ,WACN,cAAc,SAAS,MAAM,KAAK,QAAQ,KAAK,YAAY,GAAG,IAAI;AAAA,QACtE;AAAA,QACA,GAAG;AAAA,MACL;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,iBACC;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,KAAI;AAAA,YACJ,KAAK;AAAA,YACL,IAAI,EAAE,OAAO,GAAG,UAAU,KAAK,GAAG,WAAW,IAAI;AAAA;AAAA,QACnD,IAEA,oBAAC,mBAAgB;AAAA,QAGlB,SACC;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,IAAI;AAAA,cACF,IAAI;AAAA,cACJ,WAAW;AAAA,cACX,GAAG,WAAW;AAAA,cACd,OAAO;AAAA,YACT;AAAA,YAEC;AAAA;AAAA,QACH;AAAA,QAGD,eACC;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,IAAI;AAAA,cACF,IAAI;AAAA,cACJ,WAAW;AAAA,cACX,OAAO;AAAA,cACP,GAAG,WAAW;AAAA,YAChB;AAAA,YAEC;AAAA;AAAA,QACH;AAAA,QAGD,UAAU;AAAA;AAAA;AAAA,EACb;AAEJ;AAEA,IAAO,uBAAQ","sourcesContent":["import Box from '@mui/material/Box';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\n\nimport EmptyContentSVG from 'assets/illustrations/EmptyContent';\nimport { varAlpha } from 'theme/styles';\n\nimport { EmptyContentProps } from './props';\n\nconst EmptyContent = ({\n  sx,\n  imgUrl,\n  action,\n  filled,\n  slotProps,\n  description,\n  title = 'No data',\n  ...other\n}: EmptyContentProps) => {\n  return (\n    <Stack\n      flexGrow={1}\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      sx={{\n        px: 3,\n        height: 1,\n        ...(filled && {\n          borderRadius: 2,\n          bgcolor: theme =>\n            varAlpha(theme.vars.palette.grey['500Channel'], 0.04),\n          border: theme =>\n            `dashed 1px ${varAlpha(theme.vars.palette.grey['500Channel'], 0.08)}`,\n        }),\n        ...sx,\n      }}\n      {...other}\n    >\n      {imgUrl ? (\n        <Box\n          component=\"img\"\n          alt=\"empty content\"\n          src={imgUrl}\n          sx={{ width: 1, maxWidth: 160, ...slotProps?.img }}\n        />\n      ) : (\n        <EmptyContentSVG />\n      )}\n\n      {title && (\n        <Typography\n          variant=\"h6\"\n          component=\"span\"\n          sx={{\n            mt: 1,\n            textAlign: 'center',\n            ...slotProps?.title,\n            color: 'text.disabled',\n          }}\n        >\n          {title}\n        </Typography>\n      )}\n\n      {description && (\n        <Typography\n          variant=\"caption\"\n          sx={{\n            mt: 1,\n            textAlign: 'center',\n            color: 'text.disabled',\n            ...slotProps?.description,\n          }}\n        >\n          {description}\n        </Typography>\n      )}\n\n      {action && action}\n    </Stack>\n  );\n};\n\nexport default EmptyContent;\n"]}

package/dist/components/EmptyView/index.js

@@ -1,2 +1,35 @@
-export { a as default } from '../../chunk-2MVQI7NJ.js';
-import '../../chunk-ZDHXW74M.js';
+import { jsxs, jsx } 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=out.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/EmptyView/index.tsx"],"names":[],"mappings":"AASI,SAgBE,KAhBF;AATJ,OAAO,WAAW;AAClB,OAAO,gBAAgB;AAEvB,OAAO,kBAAkB;AAIzB,MAAM,YAAY,CAAC,EAAE,MAAM,GAAG,MAAsB;AAClD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAW;AAAA,MACX,gBAAe;AAAA,MACf,KAAK;AAAA,MACL,IAAI;AAAA,QACF,WAAW;AAAA,QACX,QAAQ;AAAA,QACR,iBAAiB;AAAA,QACjB,SAAS;AAAA,QACT,cAAc;AAAA,QACd,SAAS;AAAA,UACP,OAAO;AAAA,QACT;AAAA,QACA,GAAG;AAAA,MACL;AAAA,MAEA;AAAA,4BAAC,gBAAa;AAAA,QAEd,oBAAC,cAAW,SAAQ,SAAQ,IAAI,EAAE,OAAO,iBAAiB,GACvD,gBACH;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,oBAAQ","sourcesContent":["import Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\n\nimport EmptyContent from 'assets/illustrations/EmptyContent';\n\nimport { EmptyViewProps } from './props';\n\nconst EmptyView = ({ text, sx }: EmptyViewProps) => {\n  return (\n    <Stack\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      gap={3.75}\n      sx={{\n        textAlign: 'center',\n        height: 1,\n        backgroundColor: '#fff',\n        padding: 2,\n        borderRadius: 2,\n        '& svg': {\n          width: '100%',\n        },\n        ...sx,\n      }}\n    >\n      <EmptyContent />\n\n      <Typography variant=\"body1\" sx={{ color: 'text.secondary' }}>\n        {text}\n      </Typography>\n    </Stack>\n  );\n};\n\nexport default EmptyView;\n"]}

package/dist/components/Error/index.js

@@ -1,10 +1,47 @@
-import { a } from '../../chunk-PPUFQMAW.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';
+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';
 
-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;
+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 { x as default };
+export { Error_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Error/index.tsx"],"names":[],"mappings":"AAyBM,cAEA,YAFA;AAzBN,OAAO,YAAY;AACnB,OAAO,WAAW;AAClB,OAAO,gBAAgB;AAEvB,OAAO,aAAa;AAEpB,OAAO,UAAU;AAIjB,MAAM,QAAQ,CAAC;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AACf,MAAkB;AAChB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,YAAW;AAAA,MACX,gBAAe;AAAA,MACf,WAAU;AAAA,MACV,KAAK;AAAA,MAEL;AAAA,4BAAC,WAAQ;AAAA,QAET,qBAAC,SACC;AAAA,8BAAC,cAAW,SAAQ,MAAK,OAAM,YAC5B,iBACH;AAAA,UAEA,oBAAC,cAAW,SAAQ,SAAQ,OAAM,YAC/B,uBACH;AAAA,WACF;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,WAAW,oBAAC,QAAK,MAAK,kBAAiB;AAAA,YACvC,SAAS;AAAA,YAER;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,gBAAQ","sourcesContent":["import Button from '@mui/material/Button';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\n\nimport ImSorry from 'assets/illustrations/ImSorry';\n\nimport Icon from '../Icon';\n\nimport { ErrorProps } from './props';\n\nconst Error = ({\n  title,\n  description,\n  onClickButton,\n  textButton = 'Atualizar',\n}: ErrorProps) => {\n  return (\n    <Stack\n      height={1}\n      width={1}\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      textAlign=\"center\"\n      gap={3}\n    >\n      <ImSorry />\n\n      <Stack>\n        <Typography variant=\"h5\" color=\"grey.600\">\n          {title}\n        </Typography>\n\n        <Typography variant=\"body1\" color=\"grey.600\">\n          {description}\n        </Typography>\n      </Stack>\n\n      <Button\n        variant=\"contained\"\n        size=\"large\"\n        startIcon={<Icon icon=\"REFRESH_CHANGE\" />}\n        onClick={onClickButton}\n      >\n        {textButton}\n      </Button>\n    </Stack>\n  );\n};\n\nexport default Error;\n"]}

package/dist/components/ExpandableGroup/index.js

@@ -1,13 +1,34 @@
-import { a as a$1 } from '../../chunk-PPUFQMAW.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';
+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 { Container, GroupTop, CollapseGroup } from './styles';
 
-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;
+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 { S as default };
+export { ExpandableGroup_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/FixedProgressBar/index.js

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

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

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

package/dist/components/FrameSkeleton/index.js

@@ -1,16 +1,99 @@
-import { a as a$3 } from '../../chunk-BYAPKKGB.js';
-import { a } from '../../chunk-E5MGOPPQ.js';
-import { a as a$2 } from '../../chunk-4SHVMCT6.js';
-import { a as a$1 } from '../../chunk-PPUFQMAW.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';
+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 { LeftBox, StyledScrollbar, SideBarWrapper, SectionTile, TopBox, FrameHeader, Children, SectionTitle, SectionSubtitle } from './style';
 
-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;
+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 { _ as default };
+export { FrameSkeleton_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/HelpButton/index.js

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

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

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