@erpsquad/common 1.8.45 → 1.8.46

package/dist/views/template-editor/components/controllers/ButtonControls/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/views/template-editor/components/controllers/ButtonControls.tsx"],"sourcesContent":["/* eslint-disable unused-imports/no-unused-vars */\r\nimport React from 'react';\r\nimport {\r\n  Box,\r\n  FormControl,\r\n  MenuItem,\r\n  Slider,\r\n} from '@mui/material';\r\nimport Typography from '../../../../components/typography/typography';\r\nimport TextField from '../../../../components/text-field/text-field';\r\nimport AlignmentControl from './AlignmentControl';\r\nimport Select from '../../../../components/select/select';\r\nimport ColorPickerInput from '../../../../components/color-picker-input/color-picker-input';\r\n\r\ninterface ButtonControlsProps {\r\n  attrs: Record<string, any>;\r\n  updateAttrs: (attr: Record<string, any>) => void;\r\n}\r\n\r\nconst borderOptions = [\r\n  {label: 'None', value: 'none'},\r\n  {value: '1px solid #e0e0e0', label: 'Solid'},\r\n  {value: '1px dashed #e0e0e0', label: 'Dashed'},\r\n  {value: '1px dotted #e0e0e0', label: 'Dotted'},\r\n]\r\n\r\nconst ButtonControls: React.FC<ButtonControlsProps> = ({\r\n  attrs,\r\n  updateAttrs\r\n}) => {\r\n\r\n  const { text, styles } = attrs\r\n  const handleAlignmentChange = (\r\n    event: React.MouseEvent<HTMLElement>,\r\n    newAlignment: string | null,\r\n  ) => {\r\n    if(newAlignment) {\r\n        let margin = '0';\r\n        switch (newAlignment) {\r\n    \r\n          case 'justify':\r\n            margin = '0 auto';\r\n            break;\r\n          case 'right':\r\n            margin = '0 0 0 auto';\r\n            break;\r\n          case 'center':\r\n            margin = '0 auto';\r\n            break;\r\n          case 'left':\r\n            margin = 'auto 0 0 0';\r\n            break;\r\n          default:\r\n            margin = '0 auto';\r\n            break;\r\n        }\r\n        updateAttrs({ styles : { margin } });\r\n    }\r\n  };\r\n\r\n  const getAlignment = () => {\r\n    if (styles?.margin === '0 auto') {\r\n      return 'center';\r\n    } else if (styles?.margin === '0 0 0 auto') {\r\n      return 'right';\r\n    } else if (styles?.margin === 'auto 0 0 0') {\r\n      return 'left';\r\n    } else {\r\n      return 'justify';\r\n    }\r\n  };\r\n\r\n  return (\r\n    <>\r\n        <TextField\r\n          label=\"Button Text\"\r\n          fullWidth\r\n          value={text}\r\n          onChange={(e) => updateAttrs({ text: e.target.value })}\r\n          size=\"small\"\r\n          sx={{ mb: 2 }}\r\n        />\r\n        <Box sx={{ mb: 2 }}>\r\n          <ColorPickerInput\r\n            value={styles?.backgroundColor || '#333333'}\r\n            onChange={(color) => updateAttrs({ styles :{ backgroundColor: color }})}\r\n            label='Background Color'\r\n          />\r\n        </Box>\r\n        <Box sx={{ mb: 2 }}>\r\n          <ColorPickerInput\r\n            value={styles?.color || '#333333'}\r\n            onChange={(color) => updateAttrs({ styles :{ color: color }})}\r\n            label='Text Color'\r\n            // sx={{ maxWidth: 150 }}\r\n          />\r\n        </Box>\r\n        <FormControl fullWidth size=\"small\" sx={{ mb: 2 }}>\r\n          <Select\r\n            value={styles?.border}\r\n            renderValue={(value) =>  borderOptions.find((option) => option.value === value)?.label || 'None'}\r\n            onChange={(e) => updateAttrs({ styles :{ border :e.target.value }})}\r\n            label='Border'\r\n          >\r\n            <MenuItem value=\"none\">None</MenuItem>\r\n            <MenuItem value=\"1px solid #e0e0e0\">Solid</MenuItem>\r\n            <MenuItem value=\"1px dashed #e0e0e0\">Dashed</MenuItem>\r\n          </Select>\r\n        </FormControl>\r\n        <Box sx={{ mb: 2 }}>\r\n          <Typography type=\"s3\" color='theme.neutral.800'>\r\n            Border Radius\r\n          </Typography>\r\n          <Slider\r\n            value={styles?.borderRadius}\r\n            onChange={(_, value) => updateAttrs({ styles :{ borderRadius: value as number }})}\r\n            min={0}\r\n            max={20}\r\n            step={1}\r\n            valueLabelDisplay=\"auto\"\r\n            size=\"small\"\r\n            marks\r\n            sx={(theme) => ({\r\n              '& .MuiSlider-rail': {\r\n                color: theme.palette.theme.primary[500],\r\n              },\r\n              '& .MuiSlider-thumb': {\r\n                color: theme.palette.theme.primary[800],\r\n              },\r\n              '& .MuiSlider-track': {\r\n                color: theme.palette.theme.primary[600],\r\n              },\r\n            })}\r\n          />\r\n        </Box>\r\n        <Box sx={{ mb: 2 }}>\r\n          <Typography type=\"s3\" color='theme.neutral.800'>\r\n            Font Size\r\n          </Typography>\r\n          <Slider\r\n            value={styles?.fontSize}\r\n            onChange={(_, value) => updateAttrs({ styles :{ fontSize: value as number }})}\r\n            min={10}\r\n            max={20}\r\n            step={1}\r\n            valueLabelDisplay=\"auto\"\r\n            size=\"small\"\r\n            marks\r\n            sx={(theme) => ({\r\n              '& .MuiSlider-rail': {\r\n                color: theme.palette.theme.primary[500],\r\n              },\r\n              '& .MuiSlider-thumb': {\r\n                color: theme.palette.theme.primary[800],\r\n              },\r\n              '& .MuiSlider-track': {\r\n                color: theme.palette.theme.primary[600],\r\n              },\r\n            })}\r\n          />\r\n        </Box>\r\n        <AlignmentControl alignment={getAlignment()} onAlignmentChange={handleAlignmentChange}/>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default ButtonControls;"],"names":["borderOptions","label","value","attrs","updateAttrs","text","styles","jsxs","Fragment","children","jsx","TextField","fullWidth","onChange","e","target","size","sx","mb","Box","ColorPickerInput","backgroundColor","color","FormControl","Select","border","renderValue","_a","find","option","MenuItem","Typography","type","Slider","borderRadius","_","min","max","step","valueLabelDisplay","marks","theme","palette","primary","fontSize","AlignmentControl","alignment","margin","onAlignmentChange","event","newAlignment"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/views/template-editor/components/controllers/ButtonControls.tsx"],"sourcesContent":["/* eslint-disable unused-imports/no-unused-vars */\r\nimport React from 'react';\r\nimport {\r\n  Box,\r\n  FormControl,\r\n  MenuItem,\r\n  Slider,\r\n} from '@mui/material';\r\nimport Typography from '../../../../components/typography/typography';\r\nimport TextField from '../../../../components/text-field/text-field';\r\nimport AlignmentControl from './AlignmentControl';\r\nimport Select from '../../../../components/select/select';\r\nimport ColorPickerInput from '../../../../components/color-picker-input/color-picker-input';\r\n\r\ninterface ButtonControlsProps {\r\n  attrs: Record<string, any>;\r\n  updateAttrs: (attr: Record<string, any>) => void;\r\n}\r\n\r\nconst borderOptions = [\r\n  {label: 'None', value: 'none'},\r\n  {value: '1px solid #e0e0e0', label: 'Solid'},\r\n  {value: '1px dashed #e0e0e0', label: 'Dashed'},\r\n  {value: '1px dotted #e0e0e0', label: 'Dotted'},\r\n]\r\n\r\nconst ButtonControls: React.FC<ButtonControlsProps> = ({\r\n  attrs,\r\n  updateAttrs\r\n}) => {\r\n\r\n  const { text, styles } = attrs\r\n  const handleAlignmentChange = (\r\n    event: React.MouseEvent<HTMLElement>,\r\n    newAlignment: string | null,\r\n  ) => {\r\n    if(newAlignment) {\r\n        let margin = '0';\r\n        switch (newAlignment) {\r\n    \r\n          case 'justify':\r\n            margin = '0 auto';\r\n            break;\r\n          case 'right':\r\n            margin = '0 0 0 auto';\r\n            break;\r\n          case 'center':\r\n            margin = '0 auto';\r\n            break;\r\n          case 'left':\r\n            margin = 'auto 0 0 0';\r\n            break;\r\n          default:\r\n            margin = '0 auto';\r\n            break;\r\n        }\r\n        updateAttrs({ styles : { margin } });\r\n    }\r\n  };\r\n\r\n  const getAlignment = () => {\r\n    if (styles?.margin === '0 auto') {\r\n      return 'center';\r\n    } else if (styles?.margin === '0 0 0 auto') {\r\n      return 'right';\r\n    } else if (styles?.margin === 'auto 0 0 0') {\r\n      return 'left';\r\n    } else {\r\n      return 'justify';\r\n    }\r\n  };\r\n\r\n  return (\r\n    <>\r\n        <TextField\r\n          label=\"Button Text\"\r\n          fullWidth\r\n          value={text}\r\n          onChange={(e) => updateAttrs({ text: e.target.value })}\r\n          size=\"small\"\r\n          sx={{ mb: 2 }}\r\n        />\r\n        <Box sx={{ mb: 2 }}>\r\n          <ColorPickerInput\r\n            value={styles?.backgroundColor || '#333333'}\r\n            onChange={(color) => updateAttrs({ styles :{ backgroundColor: color }})}\r\n            label='Background Color'\r\n          />\r\n        </Box>\r\n        <Box sx={{ mb: 2 }}>\r\n          <ColorPickerInput\r\n            value={styles?.color || '#333333'}\r\n            onChange={(color) => updateAttrs({ styles :{ color: color }})}\r\n            label='Text Color'\r\n            // sx={{ maxWidth: 150 }}\r\n          />\r\n        </Box>\r\n        <FormControl fullWidth size=\"small\" sx={{ mb: 2 }}>\r\n          <Select\r\n            value={styles?.border}\r\n            renderValue={(value) =>  borderOptions.find((option) => option.value === value)?.label || 'None'}\r\n            onChange={(e) => updateAttrs({ styles :{ border :e.target.value }})}\r\n            label='Border'\r\n          >\r\n            <MenuItem value=\"none\">None</MenuItem>\r\n            <MenuItem value=\"1px solid #e0e0e0\">Solid</MenuItem>\r\n            <MenuItem value=\"1px dashed #e0e0e0\">Dashed</MenuItem>\r\n          </Select>\r\n        </FormControl>\r\n        <Box sx={{ mb: 2 }}>\r\n          <Typography type=\"s3\" color='theme.neutral.800'>\r\n            Border Radius\r\n          </Typography>\r\n          <Slider\r\n            value={styles?.borderRadius}\r\n            onChange={(_, value) => updateAttrs({ styles :{ borderRadius: value as number }})}\r\n            min={0}\r\n            max={20}\r\n            step={1}\r\n            valueLabelDisplay=\"auto\"\r\n            size=\"small\"\r\n            marks\r\n            sx={(theme) => ({\r\n              '& .MuiSlider-rail': {\r\n                color: theme.palette.theme.primary[500],\r\n              },\r\n              '& .MuiSlider-thumb': {\r\n                color: theme.palette.theme.primary[800],\r\n              },\r\n              '& .MuiSlider-track': {\r\n                color: theme.palette.theme.primary[600],\r\n              },\r\n            })}\r\n          />\r\n        </Box>\r\n        <Box sx={{ mb: 2 }}>\r\n          <Typography type=\"s3\" color='theme.neutral.800'>\r\n            Font Size\r\n          </Typography>\r\n          <Slider\r\n            value={styles?.fontSize}\r\n            onChange={(_, value) => updateAttrs({ styles :{ fontSize: value as number }})}\r\n            min={10}\r\n            max={20}\r\n            step={1}\r\n            valueLabelDisplay=\"auto\"\r\n            size=\"small\"\r\n            marks\r\n            sx={(theme) => ({\r\n              '& .MuiSlider-rail': {\r\n                color: theme.palette.theme.primary[500],\r\n              },\r\n              '& .MuiSlider-thumb': {\r\n                color: theme.palette.theme.primary[800],\r\n              },\r\n              '& .MuiSlider-track': {\r\n                color: theme.palette.theme.primary[600],\r\n              },\r\n            })}\r\n          />\r\n        </Box>\r\n        <AlignmentControl alignment={getAlignment()} onAlignmentChange={handleAlignmentChange}/>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default ButtonControls;"],"names":["borderOptions","label","value","attrs","updateAttrs","text","styles","jsxs","Fragment","children","jsx","TextField","fullWidth","onChange","e","target","size","sx","mb","Box","ColorPickerInput","backgroundColor","color","FormControl","Select","border","renderValue","_a","find","option","MenuItem","Typography","type","Slider","borderRadius","_","min","max","step","valueLabelDisplay","marks","theme","palette","primary","fontSize","AlignmentControl","alignment","margin","onAlignmentChange","event","newAlignment"],"mappings":"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"}

package/dist/views/template-editor/components/controllers/DividerControls/index.esm.js

@@ -1,9 +1,9 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import default_1 from "../../../../../node_modules/@mui/icons-material/ColorLens/index.esm.js";
 import { Typography } from "../../../../../components/typography/typography/index.esm.js";
-import TextField from "../../../../../components/text-field/text-field/index.esm.js";
-import Select from "../../../../../components/select/select/index.esm.js";
-import formatText from "../../../../../utils/format-text/index.esm.js";
+import { TextField } from "../../../../../components/text-field/text-field/index.esm.js";
+import { Select } from "../../../../../components/select/select/index.esm.js";
+import { formatText } from "../../../../../utils/format-text/index.esm.js";
 import FormControl from "../../../../../node_modules/@mui/material/FormControl/FormControl/index.esm.js";
 import MenuItem from "../../../../../node_modules/@mui/material/MenuItem/MenuItem/index.esm.js";
 import Box from "../../../../../node_modules/@mui/material/Box/Box/index.esm.js";

package/dist/views/template-editor/components/controllers/DividerControls/index.js

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("../../../../../node_modules/@mui/icons-material/ColorLens/index.js"),r=require("../../../../../components/typography/typography/index.js"),t=require("../../../../../components/text-field/text-field/index.js"),i=require("../../../../../components/select/select/index.js"),d=require("../../../../../utils/format-text/index.js"),s=require("../../../../../node_modules/@mui/material/FormControl/FormControl/index.js"),o=require("../../../../../node_modules/@mui/material/MenuItem/MenuItem/index.js"),a=require("../../../../../node_modules/@mui/material/Box/Box/index.js"),u=require("../../../../../node_modules/@mui/material/Slider/Slider/index.js"),n=require("../../../../../node_modules/@mui/material/InputAdornment/InputAdornment/index.js");exports.default=({attrs:m,updateAttrs:x})=>{const{styles:h}=m;/* @__PURE__ */
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../../../node_modules/@mui/icons-material/ColorLens/index.js"),l=require("../../../../../components/typography/typography/index.js"),t=require("../../../../../components/text-field/text-field/index.js"),i=require("../../../../../components/select/select/index.js"),d=require("../../../../../utils/format-text/index.js"),s=require("../../../../../node_modules/@mui/material/FormControl/FormControl/index.js"),o=require("../../../../../node_modules/@mui/material/MenuItem/MenuItem/index.js"),a=require("../../../../../node_modules/@mui/material/Box/Box/index.js"),n=require("../../../../../node_modules/@mui/material/Slider/Slider/index.js"),u=require("../../../../../node_modules/@mui/material/InputAdornment/InputAdornment/index.js");exports.default=({attrs:m,updateAttrs:x})=>{const{styles:c}=m;/* @__PURE__ */
 return e.jsxs(e.Fragment,{children:[
-/* @__PURE__ */e.jsx(s.default,{fullWidth:!0,size:"small",sx:{mb:2},children:/* @__PURE__ */e.jsxs(i.default,{label:"Style",value:null==h?void 0:h.borderStyle,onChange:e=>x({styles:{borderStyle:e.target.value}}),renderValue:e=>d.default(e),children:[
+/* @__PURE__ */e.jsx(s.default,{fullWidth:!0,size:"small",sx:{mb:2},children:/* @__PURE__ */e.jsxs(i.Select,{label:"Style",value:null==c?void 0:c.borderStyle,onChange:e=>x({styles:{borderStyle:e.target.value}}),renderValue:e=>d.formatText(e),children:[
 /* @__PURE__ */e.jsx(o.default,{value:"solid",children:"Solid"}),
 /* @__PURE__ */e.jsx(o.default,{value:"dashed",children:"Dashed"}),
 /* @__PURE__ */e.jsx(o.default,{value:"dotted",children:"Dotted"})]})}),
 /* @__PURE__ */e.jsxs(a.default,{sx:{mb:1},children:[
-/* @__PURE__ */e.jsx(r.Typography,{type:"s5",color:"theme.secondary.800",weight:"medium",children:"Thickness (px)"}),
-/* @__PURE__ */e.jsx(u.default,{value:null==h?void 0:h.borderWidth,onChange:(e,l)=>x({styles:{borderWidth:l}}),min:1,max:10,step:1,valueLabelDisplay:"auto",size:"small",sx:e=>({"& .MuiSlider-rail":{color:e.palette.theme.primary[500]},"& .MuiSlider-thumb":{color:e.palette.theme.primary[800]},"& .MuiSlider-track":{color:e.palette.theme.primary[600]}})})]}),
-/* @__PURE__ */e.jsx(a.default,{sx:{mb:2},children:/* @__PURE__ */e.jsx(t.default,{label:"Divider Color",type:"color",value:null==h?void 0:h.borderColor,onChange:e=>x({styles:{borderColor:e.target.value}}),size:"small",fullWidth:!0,InputProps:{startAdornment:/* @__PURE__ */e.jsx(n.default,{position:"start",children:/* @__PURE__ */e.jsx(l.default,{fontSize:"small"})})}})})]})};
+/* @__PURE__ */e.jsx(l.Typography,{type:"s5",color:"theme.secondary.800",weight:"medium",children:"Thickness (px)"}),
+/* @__PURE__ */e.jsx(n.default,{value:null==c?void 0:c.borderWidth,onChange:(e,r)=>x({styles:{borderWidth:r}}),min:1,max:10,step:1,valueLabelDisplay:"auto",size:"small",sx:e=>({"& .MuiSlider-rail":{color:e.palette.theme.primary[500]},"& .MuiSlider-thumb":{color:e.palette.theme.primary[800]},"& .MuiSlider-track":{color:e.palette.theme.primary[600]}})})]}),
+/* @__PURE__ */e.jsx(a.default,{sx:{mb:2},children:/* @__PURE__ */e.jsx(t.TextField,{label:"Divider Color",type:"color",value:null==c?void 0:c.borderColor,onChange:e=>x({styles:{borderColor:e.target.value}}),size:"small",fullWidth:!0,InputProps:{startAdornment:/* @__PURE__ */e.jsx(u.default,{position:"start",children:/* @__PURE__ */e.jsx(r.default,{fontSize:"small"})})}})})]})};
 //# sourceMappingURL=index.js.map

package/dist/views/template-editor/components/controllers/DividerControls/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/views/template-editor/components/controllers/DividerControls.tsx"],"sourcesContent":["/* eslint-disable unused-imports/no-unused-vars */\r\nimport React from 'react';\r\nimport {\r\n  Box,\r\n  FormControl,\r\n  MenuItem,\r\n  Slider,\r\n  InputAdornment,\r\n} from '@mui/material';\r\nimport ColorLensIcon from '@mui/icons-material/ColorLens';\r\nimport Typography from '../../../../components/typography/typography';\r\nimport TextField from '../../../../components/text-field/text-field';\r\nimport Select from '../../../../components/select/select';\r\nimport formatText from '../../../../utils/format-text';\r\n\r\ninterface DividerControlsProps {\r\n  attrs: Record<string, any>;\r\n  updateAttrs: (attr: Record<string, any>) => void;\r\n}\r\n\r\nconst DividerControls: React.FC<DividerControlsProps> = ({\r\n  attrs,\r\n  updateAttrs,\r\n}) => {\r\n  const { styles } = attrs\r\n  return (\r\n    <>\r\n      <FormControl fullWidth size=\"small\" sx={{ mb: 2 }}>\r\n        <Select\r\n          label='Style'\r\n          value={styles?.borderStyle}\r\n          onChange={(e) => updateAttrs({ styles: { borderStyle: e.target.value } })}\r\n          renderValue={(value) =>  formatText(value)}\r\n        >\r\n          <MenuItem value=\"solid\">Solid</MenuItem>\r\n          <MenuItem value=\"dashed\">Dashed</MenuItem>\r\n          <MenuItem value=\"dotted\">Dotted</MenuItem>\r\n        </Select>\r\n      </FormControl>\r\n      <Box sx={{ mb: 1 }}>\r\n        <Typography type=\"s5\" color='theme.secondary.800' weight='medium'>\r\n          Thickness (px)\r\n        </Typography>\r\n        <Slider\r\n          value={styles?.borderWidth}\r\n          onChange={(_, value) => updateAttrs({ styles: { borderWidth: value as number }})}\r\n          min={1}\r\n          max={10}\r\n          step={1}\r\n          valueLabelDisplay=\"auto\"\r\n          size=\"small\"\r\n          sx={(theme) => ({\r\n            '& .MuiSlider-rail': {\r\n              color: theme.palette.theme.primary[500],\r\n            },\r\n            '& .MuiSlider-thumb': {\r\n              color: theme.palette.theme.primary[800],\r\n            },\r\n            '& .MuiSlider-track': {\r\n              color: theme.palette.theme.primary[600],\r\n            },\r\n          })}\r\n        />\r\n      </Box>\r\n      <Box sx={{ mb: 2 }}>\r\n        <TextField\r\n          label=\"Divider Color\"\r\n          type=\"color\"\r\n          value={styles?.borderColor}\r\n          onChange={(e) => updateAttrs({ styles: {  borderColor: e.target.value }})}\r\n          size=\"small\"\r\n          fullWidth\r\n          InputProps={{\r\n            startAdornment: (\r\n              <InputAdornment position=\"start\">\r\n                <ColorLensIcon fontSize=\"small\" />\r\n              </InputAdornment>\r\n            ),\r\n          }}\r\n        />\r\n      </Box>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default DividerControls;"],"names":["attrs","updateAttrs","styles","jsxs","Fragment","children","jsx","FormControl","fullWidth","size","sx","mb","Select","label","value","borderStyle","onChange","e","target","renderValue","formatText","MenuItem","Box","Typography","type","color","weight","Slider","borderWidth","_","min","max","step","valueLabelDisplay","theme","palette","primary","TextField","borderColor","InputProps","startAdornment","InputAdornment","position","ColorLensIcon","fontSize"],"mappings":"s2BAoBwD,EACtDA,QACAC,kBAEA,MAAMC,OAAEA,GAAWF;AACnB,OACEG,EAAAA,KAAAC,WAAA,CACEC,SAAA;eAAAC,EAAAA,IAACC,EAAAA,QAAA,CAAYC,WAAS,EAACC,KAAK,QAAQC,GAAI,CAAEC,GAAI,GAC5CN,wBAAAF,EAAAA,KAACS,EAAAA,QAAA,CACCC,MAAM,QACNC,MAAO,MAAAZ,OAAA,EAAAA,EAAQa,YACfC,SAAWC,GAAMhB,EAAY,CAAEC,OAAQ,CAAEa,YAAaE,EAAEC,OAAOJ,SAC/DK,YAAcL,GAAWM,EAAAA,QAAWN,GAEpCT,SAAA;eAAAC,EAAAA,IAACe,EAAAA,QAAA,CAASP,MAAM,QAAQT,SAAA;eACxBC,EAAAA,IAACe,EAAAA,QAAA,CAASP,MAAM,SAAST,SAAA;eACzBC,EAAAA,IAACe,EAAAA,QAAA,CAASP,MAAM,SAAST,SAAA;sBAG5BiB,EAAAA,QAAA,CAAIZ,GAAI,CAAEC,GAAI,GACbN,SAAA;eAAAC,EAAAA,IAACiB,EAAAA,YAAWC,KAAK,KAAKC,MAAM,sBAAsBC,OAAO,SAASrB,SAAA;eAGlEC,EAAAA,IAACqB,EAAAA,QAAA,CACCb,MAAO,MAAAZ,OAAA,EAAAA,EAAQ0B,YACfZ,SAAU,CAACa,EAAGf,IAAUb,EAAY,CAAEC,OAAQ,CAAE0B,YAAad,KAC7DgB,IAAK,EACLC,IAAK,GACLC,KAAM,EACNC,kBAAkB,OAClBxB,KAAK,QACLC,GAAKwB,IAAA,CACH,oBAAqB,CACnBT,MAAOS,EAAMC,QAAQD,MAAME,QAAQ,MAErC,qBAAsB,CACpBX,MAAOS,EAAMC,QAAQD,MAAME,QAAQ,MAErC,qBAAsB,CACpBX,MAAOS,EAAMC,QAAQD,MAAME,QAAQ;qBAK1Cd,EAAAA,QAAA,CAAIZ,GAAI,CAAEC,GAAI,GACbN,wBAAAC,EAAAA,IAAC+B,EAAAA,QAAA,CACCxB,MAAM,gBACNW,KAAK,QACLV,MAAO,MAAAZ,OAAA,EAAAA,EAAQoC,YACftB,SAAWC,GAAMhB,EAAY,CAAEC,OAAQ,CAAGoC,YAAarB,EAAEC,OAAOJ,SAChEL,KAAK,QACLD,WAAS,EACT+B,WAAY,CACVC,oCACGC,UAAA,CAAeC,SAAS,QACvBrC,wBAAAC,EAAAA,IAACqC,EAAAA,QAAA,CAAcC,SAAS"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/views/template-editor/components/controllers/DividerControls.tsx"],"sourcesContent":["/* eslint-disable unused-imports/no-unused-vars */\r\nimport React from 'react';\r\nimport {\r\n  Box,\r\n  FormControl,\r\n  MenuItem,\r\n  Slider,\r\n  InputAdornment,\r\n} from '@mui/material';\r\nimport ColorLensIcon from '@mui/icons-material/ColorLens';\r\nimport Typography from '../../../../components/typography/typography';\r\nimport TextField from '../../../../components/text-field/text-field';\r\nimport Select from '../../../../components/select/select';\r\nimport formatText from '../../../../utils/format-text';\r\n\r\ninterface DividerControlsProps {\r\n  attrs: Record<string, any>;\r\n  updateAttrs: (attr: Record<string, any>) => void;\r\n}\r\n\r\nconst DividerControls: React.FC<DividerControlsProps> = ({\r\n  attrs,\r\n  updateAttrs,\r\n}) => {\r\n  const { styles } = attrs\r\n  return (\r\n    <>\r\n      <FormControl fullWidth size=\"small\" sx={{ mb: 2 }}>\r\n        <Select\r\n          label='Style'\r\n          value={styles?.borderStyle}\r\n          onChange={(e) => updateAttrs({ styles: { borderStyle: e.target.value } })}\r\n          renderValue={(value) =>  formatText(value)}\r\n        >\r\n          <MenuItem value=\"solid\">Solid</MenuItem>\r\n          <MenuItem value=\"dashed\">Dashed</MenuItem>\r\n          <MenuItem value=\"dotted\">Dotted</MenuItem>\r\n        </Select>\r\n      </FormControl>\r\n      <Box sx={{ mb: 1 }}>\r\n        <Typography type=\"s5\" color='theme.secondary.800' weight='medium'>\r\n          Thickness (px)\r\n        </Typography>\r\n        <Slider\r\n          value={styles?.borderWidth}\r\n          onChange={(_, value) => updateAttrs({ styles: { borderWidth: value as number }})}\r\n          min={1}\r\n          max={10}\r\n          step={1}\r\n          valueLabelDisplay=\"auto\"\r\n          size=\"small\"\r\n          sx={(theme) => ({\r\n            '& .MuiSlider-rail': {\r\n              color: theme.palette.theme.primary[500],\r\n            },\r\n            '& .MuiSlider-thumb': {\r\n              color: theme.palette.theme.primary[800],\r\n            },\r\n            '& .MuiSlider-track': {\r\n              color: theme.palette.theme.primary[600],\r\n            },\r\n          })}\r\n        />\r\n      </Box>\r\n      <Box sx={{ mb: 2 }}>\r\n        <TextField\r\n          label=\"Divider Color\"\r\n          type=\"color\"\r\n          value={styles?.borderColor}\r\n          onChange={(e) => updateAttrs({ styles: {  borderColor: e.target.value }})}\r\n          size=\"small\"\r\n          fullWidth\r\n          InputProps={{\r\n            startAdornment: (\r\n              <InputAdornment position=\"start\">\r\n                <ColorLensIcon fontSize=\"small\" />\r\n              </InputAdornment>\r\n            ),\r\n          }}\r\n        />\r\n      </Box>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default DividerControls;"],"names":["attrs","updateAttrs","styles","jsxs","Fragment","children","jsx","FormControl","fullWidth","size","sx","mb","Select","label","value","borderStyle","onChange","e","target","renderValue","formatText","MenuItem","Box","Typography","type","color","weight","Slider","borderWidth","_","min","max","step","valueLabelDisplay","theme","palette","primary","TextField","borderColor","InputProps","startAdornment","InputAdornment","position","ColorLensIcon","fontSize"],"mappings":"s2BAoBwD,EACtDA,QACAC,kBAEA,MAAMC,OAAEA,GAAWF;AACnB,OACEG,EAAAA,KAAAC,WAAA,CACEC,SAAA;eAAAC,EAAAA,IAACC,EAAAA,QAAA,CAAYC,WAAS,EAACC,KAAK,QAAQC,GAAI,CAAEC,GAAI,GAC5CN,wBAAAF,EAAAA,KAACS,EAAAA,OAAA,CACCC,MAAM,QACNC,MAAO,MAAAZ,OAAA,EAAAA,EAAQa,YACfC,SAAWC,GAAMhB,EAAY,CAAEC,OAAQ,CAAEa,YAAaE,EAAEC,OAAOJ,SAC/DK,YAAcL,GAAWM,EAAAA,WAAWN,GAEpCT,SAAA;eAAAC,EAAAA,IAACe,EAAAA,QAAA,CAASP,MAAM,QAAQT,SAAA;eACxBC,EAAAA,IAACe,EAAAA,QAAA,CAASP,MAAM,SAAST,SAAA;eACzBC,EAAAA,IAACe,EAAAA,QAAA,CAASP,MAAM,SAAST,SAAA;sBAG5BiB,EAAAA,QAAA,CAAIZ,GAAI,CAAEC,GAAI,GACbN,SAAA;eAAAC,EAAAA,IAACiB,EAAAA,YAAWC,KAAK,KAAKC,MAAM,sBAAsBC,OAAO,SAASrB,SAAA;eAGlEC,EAAAA,IAACqB,EAAAA,QAAA,CACCb,MAAO,MAAAZ,OAAA,EAAAA,EAAQ0B,YACfZ,SAAU,CAACa,EAAGf,IAAUb,EAAY,CAAEC,OAAQ,CAAE0B,YAAad,KAC7DgB,IAAK,EACLC,IAAK,GACLC,KAAM,EACNC,kBAAkB,OAClBxB,KAAK,QACLC,GAAKwB,IAAA,CACH,oBAAqB,CACnBT,MAAOS,EAAMC,QAAQD,MAAME,QAAQ,MAErC,qBAAsB,CACpBX,MAAOS,EAAMC,QAAQD,MAAME,QAAQ,MAErC,qBAAsB,CACpBX,MAAOS,EAAMC,QAAQD,MAAME,QAAQ;qBAK1Cd,EAAAA,QAAA,CAAIZ,GAAI,CAAEC,GAAI,GACbN,wBAAAC,EAAAA,IAAC+B,EAAAA,UAAA,CACCxB,MAAM,gBACNW,KAAK,QACLV,MAAO,MAAAZ,OAAA,EAAAA,EAAQoC,YACftB,SAAWC,GAAMhB,EAAY,CAAEC,OAAQ,CAAGoC,YAAarB,EAAEC,OAAOJ,SAChEL,KAAK,QACLD,WAAS,EACT+B,WAAY,CACVC,oCACGC,UAAA,CAAeC,SAAS,QACvBrC,wBAAAC,EAAAA,IAACqC,EAAAA,QAAA,CAAcC,SAAS"}

package/dist/views/template-editor/components/controllers/ImageControls/index.esm.js

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import TextField from "../../../../../components/text-field/text-field/index.esm.js";
-import Select from "../../../../../components/select/select/index.esm.js";
+import { TextField } from "../../../../../components/text-field/text-field/index.esm.js";
+import { Select } from "../../../../../components/select/select/index.esm.js";
 import { Typography } from "../../../../../components/typography/typography/index.esm.js";
 import AlignmentControl from "../AlignmentControl/index.esm.js";
 import BorderControl from "../border-control/index.esm.js";

package/dist/views/template-editor/components/controllers/ImageControls/index.js

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../../components/text-field/text-field/index.js"),l=require("../../../../../components/select/select/index.js"),i=require("../../../../../components/typography/typography/index.js"),a=require("../AlignmentControl/index.js"),n=require("../border-control/index.js"),r=require("../../../../../node_modules/@mui/material/FormControlLabel/FormControlLabel/index.js"),s=require("../../../../../node_modules/@mui/material/styles/styled/index.js"),d=require("../../../../../node_modules/@mui/material/Grid/Grid/index.js"),o=require("../../../../../node_modules/@mui/material/Box/Box/index.js"),u=require("../../../../../node_modules/@mui/material/FormControl/FormControl/index.js"),m=require("../../../../../node_modules/@mui/material/MenuItem/MenuItem/index.js"),h=require("../../../../../node_modules/@mui/material/Switch/Switch/index.js");const c=s.default(h.default)(({theme:e})=>({padding:8,"& .MuiSwitch-track":{borderRadius:11,"&::before, &::after":{content:'""',position:"absolute",top:"50%",transform:"translateY(-50%)",width:16,height:16},"&::before":{backgroundImage:`url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewBox="0 0 24 24"><path fill="${encodeURIComponent(e.palette.getContrastText(e.palette.primary.main))}" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"/></svg>')`,left:12},"&::after":{backgroundImage:`url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewBox="0 0 24 24"><path fill="${encodeURIComponent(e.palette.getContrastText(e.palette.primary.main))}" d="M19,13H5V11H19V13Z" /></svg>')`,right:12}},"& .MuiSwitch-thumb":{boxShadow:"none",width:16,height:16,margin:2},"& .Mui-checked":{color:e.palette.theme.primary[800]},"& .Mui-checked+.MuiSwitch-track":{backgroundColor:`${e.palette.theme.primary[700]}`}}));exports.default=({attrs:s,updateAttrs:h})=>{const{src:g,alt:x,styles:f}=s||{};/* @__PURE__ */
 return e.jsxs(e.Fragment,{children:[
-/* @__PURE__ */e.jsx(t.default,{label:"Image URL",fullWidth:!0,value:g,onChange:e=>h({src:e.target.value}),size:"small",sx:{mb:2}}),
-/* @__PURE__ */e.jsx(t.default,{label:"Alt Text",fullWidth:!0,value:x,onChange:e=>h({alt:e.target.value}),size:"small",sx:{mb:2}}),
+/* @__PURE__ */e.jsx(t.TextField,{label:"Image URL",fullWidth:!0,value:g,onChange:e=>h({src:e.target.value}),size:"small",sx:{mb:2}}),
+/* @__PURE__ */e.jsx(t.TextField,{label:"Alt Text",fullWidth:!0,value:x,onChange:e=>h({alt:e.target.value}),size:"small",sx:{mb:2}}),
 /* @__PURE__ */e.jsx(r.default,{control:/* @__PURE__ */e.jsx(c,{defaultChecked:!0,checked:Boolean(null==f?void 0:f.fullWidth)}),label:/* @__PURE__ */e.jsx(i.Typography,{type:"s5",color:"theme.secondary.800",weight:"medium",children:"Full Width"}),labelPlacement:"start",value:Boolean(null==f?void 0:f.fullWidth),onClick:e=>{const t=e.target.checked;h({styles:{fullWidth:t,width:t?100:150,height:t?"auto":150}})},sx:{display:"flex",alignItems:"center",justifyContent:"space-between",margin:"auto",mb:2}}),
 /* @__PURE__ */e.jsxs(d.default,{container:!0,spacing:2,children:[
-/* @__PURE__ */e.jsx(d.default,{item:!0,xs:6,children:/* @__PURE__ */e.jsx(t.default,{label:"Width (px)",type:"number",fullWidth:!0,value:(null==f?void 0:f.fullWidth)?"":null==f?void 0:f.width,onChange:e=>h({styles:{width:Number(e.target.value)}}),size:"small",sx:{mb:2},inputProps:{min:1},disabled:null==f?void 0:f.fullWidth})}),
-/* @__PURE__ */e.jsx(d.default,{item:!0,xs:6,children:/* @__PURE__ */e.jsx(t.default,{label:"Height (px)",type:"number",fullWidth:!0,value:(null==f?void 0:f.fullWidth)?"":null==f?void 0:f.height,onChange:e=>h({styles:{height:Number(e.target.value)}}),size:"small",sx:{mb:2},inputProps:{min:1},disabled:null==f?void 0:f.fullWidth})})]}),
-/* @__PURE__ */e.jsx(o.default,{sx:{mb:2},children:/* @__PURE__ */e.jsx(u.default,{size:"small",fullWidth:!0,children:/* @__PURE__ */e.jsxs(l.default,{label:"Object Fit",value:null==f?void 0:f.objectFit,onChange:e=>h({styles:{objectFit:e.target.value}}),displayEmpty:!0,children:[
+/* @__PURE__ */e.jsx(d.default,{item:!0,xs:6,children:/* @__PURE__ */e.jsx(t.TextField,{label:"Width (px)",type:"number",fullWidth:!0,value:(null==f?void 0:f.fullWidth)?"":null==f?void 0:f.width,onChange:e=>h({styles:{width:Number(e.target.value)}}),size:"small",sx:{mb:2},inputProps:{min:1},disabled:null==f?void 0:f.fullWidth})}),
+/* @__PURE__ */e.jsx(d.default,{item:!0,xs:6,children:/* @__PURE__ */e.jsx(t.TextField,{label:"Height (px)",type:"number",fullWidth:!0,value:(null==f?void 0:f.fullWidth)?"":null==f?void 0:f.height,onChange:e=>h({styles:{height:Number(e.target.value)}}),size:"small",sx:{mb:2},inputProps:{min:1},disabled:null==f?void 0:f.fullWidth})})]}),
+/* @__PURE__ */e.jsx(o.default,{sx:{mb:2},children:/* @__PURE__ */e.jsx(u.default,{size:"small",fullWidth:!0,children:/* @__PURE__ */e.jsxs(l.Select,{label:"Object Fit",value:null==f?void 0:f.objectFit,onChange:e=>h({styles:{objectFit:e.target.value}}),displayEmpty:!0,children:[
 /* @__PURE__ */e.jsx(m.default,{value:"contain",children:"Contain"}),
 /* @__PURE__ */e.jsx(m.default,{value:"cover",children:"Cover"}),
 /* @__PURE__ */e.jsx(m.default,{value:"fill",children:"Fill"}),

package/dist/views/template-editor/components/controllers/ImageControls/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/views/template-editor/components/controllers/ImageControls.tsx"],"sourcesContent":["/* eslint-disable unused-imports/no-unused-vars */\r\nimport React from 'react';\r\nimport {\r\n  Box,\r\n  FormControl,\r\n  // Select,\r\n  MenuItem,\r\n  styled,\r\n  Switch,\r\n  Grid,\r\n  FormControlLabel\r\n} from '@mui/material';\r\nimport TextField from '../../../../components/text-field/text-field';\r\nimport Select from '../../../../components/select/select';\r\nimport Typography from '../../../../components/typography/typography';\r\nimport AlignmentControl from './AlignmentControl';\r\nimport BorderControl from './border-control';\r\n\r\nconst Android12Switch = styled(Switch)(({ theme }) => ({\r\n  padding: 8,\r\n  '& .MuiSwitch-track': {\r\n    borderRadius: 22 / 2,\r\n    '&::before, &::after': {\r\n      content: '\"\"',\r\n      position: 'absolute',\r\n      top: '50%',\r\n      transform: 'translateY(-50%)',\r\n      width: 16,\r\n      height: 16,\r\n    },\r\n    '&::before': {\r\n      backgroundImage: `url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"16\" width=\"16\" viewBox=\"0 0 24 24\"><path fill=\"${encodeURIComponent(\r\n        theme.palette.getContrastText(theme.palette.primary.main),\r\n      )}\" d=\"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z\"/></svg>')`,\r\n      left: 12,\r\n    },\r\n    '&::after': {\r\n      backgroundImage: `url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"16\" width=\"16\" viewBox=\"0 0 24 24\"><path fill=\"${encodeURIComponent(\r\n        theme.palette.getContrastText(theme.palette.primary.main),\r\n      )}\" d=\"M19,13H5V11H19V13Z\" /></svg>')`,\r\n      right: 12,\r\n    },\r\n  },\r\n  '& .MuiSwitch-thumb': {\r\n    boxShadow: 'none',\r\n    width: 16,\r\n    height: 16,\r\n    margin: 2,\r\n    // color: theme.palette.theme.primary[800]\r\n  },\r\n  '& .Mui-checked': {\r\n    color: theme.palette.theme.primary[800]\r\n  },\r\n  '& .Mui-checked+.MuiSwitch-track': {\r\n    backgroundColor: `${theme.palette.theme.primary[700]}`,\r\n  },\r\n}));\r\n\r\ninterface ImageControlsProps {\r\n  attrs: Record<string, any>;\r\n  updateAttrs: (attr: Record<string, any>) => void;\r\n}\r\n\r\nconst ImageControls: React.FC<ImageControlsProps> = ({\r\n  attrs,\r\n  updateAttrs\r\n}) => {\r\n  const { src, alt, styles } = attrs || {}\r\n\r\n  const handleAlignmentChange = (\r\n    event: React.MouseEvent<HTMLElement>,\r\n    newAlignment: string | null,\r\n  ) => {\r\n    if(newAlignment) {\r\n        let margin = '0';\r\n        switch (newAlignment) {\r\n          case 'justify':\r\n            margin = '0 auto';\r\n            break;\r\n          case 'right':\r\n            margin = '0 0 0 auto';\r\n            break;\r\n          case 'center':\r\n            margin = '0 auto';\r\n            break;\r\n          case 'left':\r\n            margin = 'auto 0 0 0';\r\n            break;\r\n          default:\r\n            margin = '0 auto';\r\n            break;\r\n        }\r\n        updateAttrs({ styles : { margin, alignment: newAlignment } });\r\n\r\n    }\r\n  };\r\n\r\n  const getAlignment = () => {\r\n    if (styles?.margin === '0 auto' || styles?.alignment === 'center') {\r\n      return 'center';\r\n    } else if (styles?.margin === '0 0 0 auto' || styles?.alignment === 'right') {\r\n      return 'right';\r\n    } else if (styles?.margin === 'auto 0 0 0' || styles?.alignment === 'left') {\r\n      return 'left';\r\n    } else {\r\n      return 'justify';\r\n    }\r\n  };\r\n\r\n  return (\r\n    <>\r\n          {/* Image URL */}\r\n          <TextField\r\n            label=\"Image URL\"\r\n            fullWidth\r\n            value={src}\r\n            onChange={(e) => updateAttrs({ src: e.target.value })}\r\n            size=\"small\"\r\n            sx={{ mb: 2 }}\r\n          />\r\n\r\n          {/* Alt Text */}\r\n          <TextField\r\n            label=\"Alt Text\"\r\n            fullWidth\r\n            value={alt}\r\n            onChange={(e) => updateAttrs({ alt: e.target.value })}\r\n            size=\"small\"\r\n            sx={{ mb: 2 }}\r\n          />\r\n          <FormControlLabel\r\n            control={<Android12Switch defaultChecked checked={Boolean(styles?.fullWidth)}/>}\r\n            label={<Typography type=\"s5\" color=\"theme.secondary.800\" weight='medium'>Full Width</Typography>}\r\n            labelPlacement=\"start\"\r\n            value={Boolean(styles?.fullWidth)}\r\n            onClick={(e) => {\r\n              const checked = e.target.checked\r\n              updateAttrs({ styles: { fullWidth: checked, width: checked ? 100 : 150, height: checked ? 'auto' : 150 }})\r\n            }}\r\n            sx={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', margin: 'auto', mb:2 }}\r\n          />\r\n\r\n          {/* Width Input */}\r\n          <Grid container spacing={2}>\r\n            <Grid item xs={6}>\r\n              <TextField\r\n                label=\"Width (px)\"\r\n                type=\"number\"\r\n                fullWidth\r\n                value={styles?.fullWidth ? '' : styles?.width}\r\n                onChange={(e) =>\r\n                  updateAttrs({ styles: { width: Number(e.target.value) }})\r\n                }\r\n                size=\"small\"\r\n                sx={{ mb: 2 }}\r\n                inputProps={{ min: 1 }}\r\n                disabled={styles?.fullWidth}\r\n              />\r\n            </Grid>\r\n            <Grid item xs={6}>\r\n              {/* Height Input */}\r\n              <TextField\r\n                label=\"Height (px)\"\r\n                type=\"number\"\r\n                fullWidth\r\n                value={styles?.fullWidth ? '' : styles?.height}\r\n                onChange={(e) =>\r\n                  updateAttrs({ styles: { height: Number(e.target.value) }})\r\n                }\r\n                size=\"small\"\r\n                sx={{ mb: 2 }}\r\n                inputProps={{ min: 1 }}\r\n                disabled={styles?.fullWidth}\r\n              />\r\n\r\n            </Grid>\r\n\r\n          </Grid>\r\n\r\n\r\n          {/* Object Fit Dropdown */}\r\n          <Box sx={{ mb: 2 }}>\r\n            <FormControl size=\"small\" fullWidth>\r\n              <Select\r\n                label='Object Fit'\r\n                value={styles?.objectFit}\r\n                onChange={(e) =>\r\n                  updateAttrs({ styles: { objectFit: e.target.value }})\r\n                }\r\n                displayEmpty\r\n              >\r\n                <MenuItem value=\"contain\">Contain</MenuItem>\r\n                <MenuItem value=\"cover\">Cover</MenuItem>\r\n                <MenuItem value=\"fill\">Fill</MenuItem>\r\n                <MenuItem value=\"none\">None</MenuItem>\r\n                <MenuItem value=\"scale-down\">Scale Down</MenuItem>\r\n              </Select>\r\n            </FormControl>\r\n          </Box>\r\n\r\n          {/* Alignment Toggle Buttons */}\r\n          <AlignmentControl\r\n            alignment={getAlignment()}\r\n            onAlignmentChange={handleAlignmentChange}\r\n            displayLabel\r\n          />\r\n\r\n          <BorderControl\r\n            styles={styles}\r\n            onChange={(key, value) => updateAttrs({ styles: { [key]: value } })}\r\n            isBordered={styles?.is_bordered}\r\n            disableCollapse\r\n            initiateStyles={(styles) => updateAttrs({ styles })}\r\n          />\r\n    </>\r\n  );\r\n};\r\n\r\nexport default ImageControls;"],"names":["Android12Switch","styled","Switch","theme","padding","borderRadius","content","position","top","transform","width","height","backgroundImage","encodeURIComponent","palette","getContrastText","primary","main","left","right","boxShadow","margin","color","backgroundColor","attrs","updateAttrs","src","alt","styles","jsxs","Fragment","children","jsx","TextField","label","fullWidth","value","onChange","e","target","size","sx","mb","FormControlLabel","control","defaultChecked","checked","Boolean","Typography","type","weight","labelPlacement","onClick","display","alignItems","justifyContent","Grid","container","spacing","item","xs","Number","inputProps","min","disabled","Box","FormControl","Select","objectFit","displayEmpty","MenuItem","AlignmentControl","alignment","onAlignmentChange","event","newAlignment","displayLabel","BorderControl","key","isBordered","is_bordered","disableCollapse","initiateStyles"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/views/template-editor/components/controllers/ImageControls.tsx"],"sourcesContent":["/* eslint-disable unused-imports/no-unused-vars */\r\nimport React from 'react';\r\nimport {\r\n  Box,\r\n  FormControl,\r\n  // Select,\r\n  MenuItem,\r\n  styled,\r\n  Switch,\r\n  Grid,\r\n  FormControlLabel\r\n} from '@mui/material';\r\nimport TextField from '../../../../components/text-field/text-field';\r\nimport Select from '../../../../components/select/select';\r\nimport Typography from '../../../../components/typography/typography';\r\nimport AlignmentControl from './AlignmentControl';\r\nimport BorderControl from './border-control';\r\n\r\nconst Android12Switch = styled(Switch)(({ theme }) => ({\r\n  padding: 8,\r\n  '& .MuiSwitch-track': {\r\n    borderRadius: 22 / 2,\r\n    '&::before, &::after': {\r\n      content: '\"\"',\r\n      position: 'absolute',\r\n      top: '50%',\r\n      transform: 'translateY(-50%)',\r\n      width: 16,\r\n      height: 16,\r\n    },\r\n    '&::before': {\r\n      backgroundImage: `url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"16\" width=\"16\" viewBox=\"0 0 24 24\"><path fill=\"${encodeURIComponent(\r\n        theme.palette.getContrastText(theme.palette.primary.main),\r\n      )}\" d=\"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z\"/></svg>')`,\r\n      left: 12,\r\n    },\r\n    '&::after': {\r\n      backgroundImage: `url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"16\" width=\"16\" viewBox=\"0 0 24 24\"><path fill=\"${encodeURIComponent(\r\n        theme.palette.getContrastText(theme.palette.primary.main),\r\n      )}\" d=\"M19,13H5V11H19V13Z\" /></svg>')`,\r\n      right: 12,\r\n    },\r\n  },\r\n  '& .MuiSwitch-thumb': {\r\n    boxShadow: 'none',\r\n    width: 16,\r\n    height: 16,\r\n    margin: 2,\r\n    // color: theme.palette.theme.primary[800]\r\n  },\r\n  '& .Mui-checked': {\r\n    color: theme.palette.theme.primary[800]\r\n  },\r\n  '& .Mui-checked+.MuiSwitch-track': {\r\n    backgroundColor: `${theme.palette.theme.primary[700]}`,\r\n  },\r\n}));\r\n\r\ninterface ImageControlsProps {\r\n  attrs: Record<string, any>;\r\n  updateAttrs: (attr: Record<string, any>) => void;\r\n}\r\n\r\nconst ImageControls: React.FC<ImageControlsProps> = ({\r\n  attrs,\r\n  updateAttrs\r\n}) => {\r\n  const { src, alt, styles } = attrs || {}\r\n\r\n  const handleAlignmentChange = (\r\n    event: React.MouseEvent<HTMLElement>,\r\n    newAlignment: string | null,\r\n  ) => {\r\n    if(newAlignment) {\r\n        let margin = '0';\r\n        switch (newAlignment) {\r\n          case 'justify':\r\n            margin = '0 auto';\r\n            break;\r\n          case 'right':\r\n            margin = '0 0 0 auto';\r\n            break;\r\n          case 'center':\r\n            margin = '0 auto';\r\n            break;\r\n          case 'left':\r\n            margin = 'auto 0 0 0';\r\n            break;\r\n          default:\r\n            margin = '0 auto';\r\n            break;\r\n        }\r\n        updateAttrs({ styles : { margin, alignment: newAlignment } });\r\n\r\n    }\r\n  };\r\n\r\n  const getAlignment = () => {\r\n    if (styles?.margin === '0 auto' || styles?.alignment === 'center') {\r\n      return 'center';\r\n    } else if (styles?.margin === '0 0 0 auto' || styles?.alignment === 'right') {\r\n      return 'right';\r\n    } else if (styles?.margin === 'auto 0 0 0' || styles?.alignment === 'left') {\r\n      return 'left';\r\n    } else {\r\n      return 'justify';\r\n    }\r\n  };\r\n\r\n  return (\r\n    <>\r\n          {/* Image URL */}\r\n          <TextField\r\n            label=\"Image URL\"\r\n            fullWidth\r\n            value={src}\r\n            onChange={(e) => updateAttrs({ src: e.target.value })}\r\n            size=\"small\"\r\n            sx={{ mb: 2 }}\r\n          />\r\n\r\n          {/* Alt Text */}\r\n          <TextField\r\n            label=\"Alt Text\"\r\n            fullWidth\r\n            value={alt}\r\n            onChange={(e) => updateAttrs({ alt: e.target.value })}\r\n            size=\"small\"\r\n            sx={{ mb: 2 }}\r\n          />\r\n          <FormControlLabel\r\n            control={<Android12Switch defaultChecked checked={Boolean(styles?.fullWidth)}/>}\r\n            label={<Typography type=\"s5\" color=\"theme.secondary.800\" weight='medium'>Full Width</Typography>}\r\n            labelPlacement=\"start\"\r\n            value={Boolean(styles?.fullWidth)}\r\n            onClick={(e) => {\r\n              const checked = e.target.checked\r\n              updateAttrs({ styles: { fullWidth: checked, width: checked ? 100 : 150, height: checked ? 'auto' : 150 }})\r\n            }}\r\n            sx={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', margin: 'auto', mb:2 }}\r\n          />\r\n\r\n          {/* Width Input */}\r\n          <Grid container spacing={2}>\r\n            <Grid item xs={6}>\r\n              <TextField\r\n                label=\"Width (px)\"\r\n                type=\"number\"\r\n                fullWidth\r\n                value={styles?.fullWidth ? '' : styles?.width}\r\n                onChange={(e) =>\r\n                  updateAttrs({ styles: { width: Number(e.target.value) }})\r\n                }\r\n                size=\"small\"\r\n                sx={{ mb: 2 }}\r\n                inputProps={{ min: 1 }}\r\n                disabled={styles?.fullWidth}\r\n              />\r\n            </Grid>\r\n            <Grid item xs={6}>\r\n              {/* Height Input */}\r\n              <TextField\r\n                label=\"Height (px)\"\r\n                type=\"number\"\r\n                fullWidth\r\n                value={styles?.fullWidth ? '' : styles?.height}\r\n                onChange={(e) =>\r\n                  updateAttrs({ styles: { height: Number(e.target.value) }})\r\n                }\r\n                size=\"small\"\r\n                sx={{ mb: 2 }}\r\n                inputProps={{ min: 1 }}\r\n                disabled={styles?.fullWidth}\r\n              />\r\n\r\n            </Grid>\r\n\r\n          </Grid>\r\n\r\n\r\n          {/* Object Fit Dropdown */}\r\n          <Box sx={{ mb: 2 }}>\r\n            <FormControl size=\"small\" fullWidth>\r\n              <Select\r\n                label='Object Fit'\r\n                value={styles?.objectFit}\r\n                onChange={(e) =>\r\n                  updateAttrs({ styles: { objectFit: e.target.value }})\r\n                }\r\n                displayEmpty\r\n              >\r\n                <MenuItem value=\"contain\">Contain</MenuItem>\r\n                <MenuItem value=\"cover\">Cover</MenuItem>\r\n                <MenuItem value=\"fill\">Fill</MenuItem>\r\n                <MenuItem value=\"none\">None</MenuItem>\r\n                <MenuItem value=\"scale-down\">Scale Down</MenuItem>\r\n              </Select>\r\n            </FormControl>\r\n          </Box>\r\n\r\n          {/* Alignment Toggle Buttons */}\r\n          <AlignmentControl\r\n            alignment={getAlignment()}\r\n            onAlignmentChange={handleAlignmentChange}\r\n            displayLabel\r\n          />\r\n\r\n          <BorderControl\r\n            styles={styles}\r\n            onChange={(key, value) => updateAttrs({ styles: { [key]: value } })}\r\n            isBordered={styles?.is_bordered}\r\n            disableCollapse\r\n            initiateStyles={(styles) => updateAttrs({ styles })}\r\n          />\r\n    </>\r\n  );\r\n};\r\n\r\nexport default ImageControls;"],"names":["Android12Switch","styled","Switch","theme","padding","borderRadius","content","position","top","transform","width","height","backgroundImage","encodeURIComponent","palette","getContrastText","primary","main","left","right","boxShadow","margin","color","backgroundColor","attrs","updateAttrs","src","alt","styles","jsxs","Fragment","children","jsx","TextField","label","fullWidth","value","onChange","e","target","size","sx","mb","FormControlLabel","control","defaultChecked","checked","Boolean","Typography","type","weight","labelPlacement","onClick","display","alignItems","justifyContent","Grid","container","spacing","item","xs","Number","inputProps","min","disabled","Box","FormControl","Select","objectFit","displayEmpty","MenuItem","AlignmentControl","alignment","onAlignmentChange","event","newAlignment","displayLabel","BorderControl","key","isBordered","is_bordered","disableCollapse","initiateStyles"],"mappings":"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"}

package/dist/views/template-editor/components/controllers/SignatureControls/index.esm.js

@@ -1,7 +1,7 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import default_1 from "../../../../../node_modules/@mui/icons-material/ColorLens/index.esm.js";
 import { Typography } from "../../../../../components/typography/typography/index.esm.js";
-import TextField from "../../../../../components/text-field/text-field/index.esm.js";
+import { TextField } from "../../../../../components/text-field/text-field/index.esm.js";
 import Box from "../../../../../node_modules/@mui/material/Box/Box/index.esm.js";
 import Slider from "../../../../../node_modules/@mui/material/Slider/Slider/index.esm.js";
 import InputAdornment from "../../../../../node_modules/@mui/material/InputAdornment/InputAdornment/index.esm.js";

package/dist/views/template-editor/components/controllers/SignatureControls/index.js

@@ -3,5 +3,5 @@ return e.jsxs(e.Fragment,{children:[
 /* @__PURE__ */e.jsxs(i.default,{sx:{mb:1},children:[
 /* @__PURE__ */e.jsx(r.Typography,{type:"s5",color:"theme.secondary.800",weight:"medium",children:"Font Size"}),
 /* @__PURE__ */e.jsx(o.default,{value:null==d?void 0:d.fontSize,onChange:(e,t)=>n({styles:{fontSize:t}}),min:10,max:20,step:1,valueLabelDisplay:"auto",size:"small",sx:e=>({"& .MuiSlider-rail":{color:e.palette.theme.primary[500]},"& .MuiSlider-thumb":{color:e.palette.theme.primary[800]},"& .MuiSlider-track":{color:e.palette.theme.primary[600]}})})]}),
-/* @__PURE__ */e.jsx(i.default,{sx:{mb:2},children:/* @__PURE__ */e.jsx(l.default,{label:"Text Color",type:"color",value:null==d?void 0:d.color,onChange:e=>n({styles:{color:e.target.value}}),fullWidth:!0,InputProps:{startAdornment:/* @__PURE__ */e.jsx(s.default,{position:"start",children:/* @__PURE__ */e.jsx(t.default,{fontSize:"small"})})}})})]})};
+/* @__PURE__ */e.jsx(i.default,{sx:{mb:2},children:/* @__PURE__ */e.jsx(l.TextField,{label:"Text Color",type:"color",value:null==d?void 0:d.color,onChange:e=>n({styles:{color:e.target.value}}),fullWidth:!0,InputProps:{startAdornment:/* @__PURE__ */e.jsx(s.default,{position:"start",children:/* @__PURE__ */e.jsx(t.default,{fontSize:"small"})})}})})]})};
 //# sourceMappingURL=index.js.map

package/dist/views/template-editor/components/controllers/SignatureControls/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/views/template-editor/components/controllers/SignatureControls.tsx"],"sourcesContent":["/* eslint-disable unused-imports/no-unused-vars */\r\nimport React from 'react';\r\nimport {\r\n  Box,\r\n  Slider,\r\n  InputAdornment,\r\n} from '@mui/material';\r\nimport ColorLensIcon from '@mui/icons-material/ColorLens';\r\nimport Typography from '../../../../components/typography/typography';\r\nimport TextField from '../../../../components/text-field/text-field';\r\n\r\ninterface SignatureControlsProps {\r\n  attrs: Record<string, any>;\r\n  updateAttrs: (attr: Record<string, any>) => void;\r\n}\r\n\r\nconst SignatureControls: React.FC<SignatureControlsProps> = ({\r\n  attrs,\r\n  updateAttrs,\r\n}) => {\r\n  const { styles } = attrs\r\n  return (\r\n    <>\r\n      <Box sx={{ mb: 1 }}>\r\n        <Typography type=\"s5\" color='theme.secondary.800' weight='medium'>\r\n          Font Size\r\n        </Typography>\r\n        <Slider\r\n          value={styles?.fontSize}\r\n          onChange={(_, value) => updateAttrs({ styles :{ fontSize: value as number }})}\r\n          min={10}\r\n          max={20}\r\n          step={1}\r\n          valueLabelDisplay=\"auto\"\r\n          size=\"small\"\r\n          sx={(theme) => ({\r\n            '& .MuiSlider-rail': {\r\n              color: theme.palette.theme.primary[500],\r\n            },\r\n            '& .MuiSlider-thumb': {\r\n              color: theme.palette.theme.primary[800],\r\n            },\r\n            '& .MuiSlider-track': {\r\n              color: theme.palette.theme.primary[600],\r\n            },\r\n          })}\r\n        />\r\n      </Box>\r\n      <Box sx={{ mb: 2,  }}>\r\n        <TextField\r\n          label=\"Text Color\"\r\n          type=\"color\"\r\n          value={styles?.color}\r\n          onChange={(e) => updateAttrs({ styles :{ color: e.target.value }})}\r\n          fullWidth\r\n          InputProps={{\r\n            startAdornment: (\r\n              <InputAdornment position=\"start\">\r\n                <ColorLensIcon fontSize=\"small\" />\r\n              </InputAdornment>\r\n            ),\r\n          }}\r\n        />\r\n      </Box>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default SignatureControls;"],"names":["attrs","updateAttrs","styles","jsxs","Fragment","children","Box","sx","mb","jsx","Typography","type","color","weight","Slider","value","fontSize","onChange","_","min","max","step","valueLabelDisplay","size","theme","palette","primary","TextField","label","e","target","fullWidth","InputProps","startAdornment","InputAdornment","position","ColorLensIcon"],"mappings":"ukBAgB4D,EAC1DA,QACAC,kBAEA,MAAMC,OAAEA,GAAWF;AACnB,OACEG,EAAAA,KAAAC,WAAA,CACEC,SAAA;eAAAF,EAAAA,KAACG,EAAAA,QAAA,CAAIC,GAAI,CAAEC,GAAI,GACbH,SAAA;eAAAI,EAAAA,IAACC,EAAAA,YAAWC,KAAK,KAAKC,MAAM,sBAAsBC,OAAO,SAASR,SAAA;eAGlEI,EAAAA,IAACK,EAAAA,QAAA,CACCC,MAAO,MAAAb,OAAA,EAAAA,EAAQc,SACfC,SAAU,CAACC,EAAGH,IAAUd,EAAY,CAAEC,OAAQ,CAAEc,SAAUD,KAC1DI,IAAK,GACLC,IAAK,GACLC,KAAM,EACNC,kBAAkB,OAClBC,KAAK,QACLhB,GAAKiB,IAAA,CACH,oBAAqB,CACnBZ,MAAOY,EAAMC,QAAQD,MAAME,QAAQ,MAErC,qBAAsB,CACpBd,MAAOY,EAAMC,QAAQD,MAAME,QAAQ,MAErC,qBAAsB,CACpBd,MAAOY,EAAMC,QAAQD,MAAME,QAAQ;qBAK1CpB,EAAAA,QAAA,CAAIC,GAAI,CAAEC,GAAI,GACbH,wBAAAI,EAAAA,IAACkB,EAAAA,QAAA,CACCC,MAAM,aACNjB,KAAK,QACLI,MAAO,MAAAb,OAAA,EAAAA,EAAQU,MACfK,SAAWY,GAAM5B,EAAY,CAAEC,OAAQ,CAAEU,MAAOiB,EAAEC,OAAOf,SACzDgB,WAAS,EACTC,WAAY,CACVC,oCACGC,UAAA,CAAeC,SAAS,QACvB9B,wBAAAI,EAAAA,IAAC2B,EAAAA,QAAA,CAAcpB,SAAS"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/views/template-editor/components/controllers/SignatureControls.tsx"],"sourcesContent":["/* eslint-disable unused-imports/no-unused-vars */\r\nimport React from 'react';\r\nimport {\r\n  Box,\r\n  Slider,\r\n  InputAdornment,\r\n} from '@mui/material';\r\nimport ColorLensIcon from '@mui/icons-material/ColorLens';\r\nimport Typography from '../../../../components/typography/typography';\r\nimport TextField from '../../../../components/text-field/text-field';\r\n\r\ninterface SignatureControlsProps {\r\n  attrs: Record<string, any>;\r\n  updateAttrs: (attr: Record<string, any>) => void;\r\n}\r\n\r\nconst SignatureControls: React.FC<SignatureControlsProps> = ({\r\n  attrs,\r\n  updateAttrs,\r\n}) => {\r\n  const { styles } = attrs\r\n  return (\r\n    <>\r\n      <Box sx={{ mb: 1 }}>\r\n        <Typography type=\"s5\" color='theme.secondary.800' weight='medium'>\r\n          Font Size\r\n        </Typography>\r\n        <Slider\r\n          value={styles?.fontSize}\r\n          onChange={(_, value) => updateAttrs({ styles :{ fontSize: value as number }})}\r\n          min={10}\r\n          max={20}\r\n          step={1}\r\n          valueLabelDisplay=\"auto\"\r\n          size=\"small\"\r\n          sx={(theme) => ({\r\n            '& .MuiSlider-rail': {\r\n              color: theme.palette.theme.primary[500],\r\n            },\r\n            '& .MuiSlider-thumb': {\r\n              color: theme.palette.theme.primary[800],\r\n            },\r\n            '& .MuiSlider-track': {\r\n              color: theme.palette.theme.primary[600],\r\n            },\r\n          })}\r\n        />\r\n      </Box>\r\n      <Box sx={{ mb: 2,  }}>\r\n        <TextField\r\n          label=\"Text Color\"\r\n          type=\"color\"\r\n          value={styles?.color}\r\n          onChange={(e) => updateAttrs({ styles :{ color: e.target.value }})}\r\n          fullWidth\r\n          InputProps={{\r\n            startAdornment: (\r\n              <InputAdornment position=\"start\">\r\n                <ColorLensIcon fontSize=\"small\" />\r\n              </InputAdornment>\r\n            ),\r\n          }}\r\n        />\r\n      </Box>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default SignatureControls;"],"names":["attrs","updateAttrs","styles","jsxs","Fragment","children","Box","sx","mb","jsx","Typography","type","color","weight","Slider","value","fontSize","onChange","_","min","max","step","valueLabelDisplay","size","theme","palette","primary","TextField","label","e","target","fullWidth","InputProps","startAdornment","InputAdornment","position","ColorLensIcon"],"mappings":"ukBAgB4D,EAC1DA,QACAC,kBAEA,MAAMC,OAAEA,GAAWF;AACnB,OACEG,EAAAA,KAAAC,WAAA,CACEC,SAAA;eAAAF,EAAAA,KAACG,EAAAA,QAAA,CAAIC,GAAI,CAAEC,GAAI,GACbH,SAAA;eAAAI,EAAAA,IAACC,EAAAA,YAAWC,KAAK,KAAKC,MAAM,sBAAsBC,OAAO,SAASR,SAAA;eAGlEI,EAAAA,IAACK,EAAAA,QAAA,CACCC,MAAO,MAAAb,OAAA,EAAAA,EAAQc,SACfC,SAAU,CAACC,EAAGH,IAAUd,EAAY,CAAEC,OAAQ,CAAEc,SAAUD,KAC1DI,IAAK,GACLC,IAAK,GACLC,KAAM,EACNC,kBAAkB,OAClBC,KAAK,QACLhB,GAAKiB,IAAA,CACH,oBAAqB,CACnBZ,MAAOY,EAAMC,QAAQD,MAAME,QAAQ,MAErC,qBAAsB,CACpBd,MAAOY,EAAMC,QAAQD,MAAME,QAAQ,MAErC,qBAAsB,CACpBd,MAAOY,EAAMC,QAAQD,MAAME,QAAQ;qBAK1CpB,EAAAA,QAAA,CAAIC,GAAI,CAAEC,GAAI,GACbH,wBAAAI,EAAAA,IAACkB,EAAAA,UAAA,CACCC,MAAM,aACNjB,KAAK,QACLI,MAAO,MAAAb,OAAA,EAAAA,EAAQU,MACfK,SAAWY,GAAM5B,EAAY,CAAEC,OAAQ,CAAEU,MAAOiB,EAAEC,OAAOf,SACzDgB,WAAS,EACTC,WAAY,CACVC,oCACGC,UAAA,CAAeC,SAAS,QACvB9B,wBAAAI,EAAAA,IAAC2B,EAAAA,QAAA,CAAcpB,SAAS"}

package/dist/views/template-editor/components/controllers/TableControls/index.esm.js

@@ -5,15 +5,15 @@ import default_1$1 from "../../../../../node_modules/@mui/icons-material/Add/ind
 import default_1 from "../../../../../node_modules/@mui/icons-material/Refresh/index.esm.js";
 import default_1$3 from "../../../../../node_modules/@mui/icons-material/MergeType/index.esm.js";
 import default_1$4 from "../../../../../node_modules/@mui/icons-material/CallSplit/index.esm.js";
-import ColorPickerInput from "../../../../../components/color-picker-input/color-picker-input/index.esm.js";
-import TextField from "../../../../../components/text-field/text-field/index.esm.js";
-import Select from "../../../../../components/select/select/index.esm.js";
-import formatText from "../../../../../utils/format-text/index.esm.js";
+import { ColorPickerInput } from "../../../../../components/color-picker-input/color-picker-input/index.esm.js";
+import { TextField } from "../../../../../components/text-field/text-field/index.esm.js";
+import { Select } from "../../../../../components/select/select/index.esm.js";
+import { formatText } from "../../../../../utils/format-text/index.esm.js";
 import { Typography } from "../../../../../components/typography/typography/index.esm.js";
-import Android12Switch from "../../../../../components/switches/android-12-switch/index.esm.js";
+import { Android12Switch } from "../../../../../components/switches/android-12-switch/index.esm.js";
 import BorderControl from "../border-control/index.esm.js";
-import Button from "../../../../../components/button/button/index.esm.js";
-import Checkbox from "../../../../../components/checkbox/checkbox/index.esm.js";
+import { Button } from "../../../../../components/button/button/index.esm.js";
+import { Checkbox } from "../../../../../components/checkbox/checkbox/index.esm.js";
 import SearchableSelect from "../../../../../components/searchable-select/index.esm.js";
 import Box from "../../../../../node_modules/@mui/material/Box/Box/index.esm.js";
 import Tabs from "../../../../../node_modules/@mui/material/Tabs/Tabs/index.esm.js";