{"version":3,"sources":["../src/components/core/Grid.tsx"],"names":["Stack","React","Grid","props","_a","_b","generateSide","generateBorder","generateRadius"],"mappings":"oFAAA,OAAS,SAAAA,MAAa,gBACtB,UAAYC,MAAW,QAMhB,IAAMC,EACXC,GACG,CATL,IAAAC,EAAAC,EAUE,OACE,gBAACL,EAAA,CACC,GAAI,CACF,SAAU,WAEV,QAAS,OAET,oBAAqB,UAAUG,EAAM,SAAW,UAEhD,iBAAkB,MAElB,IAAKA,EAAM,IAEX,UAAW,aAEX,cAAeA,EAAM,WAAa,SAElC,eAAgBA,EAAM,gBAAkB,aAExC,WAAYA,EAAM,YAAc,aAEhC,gBAAiBA,EAAM,QAEvB,MAAOA,EAAM,MAEb,OAAQA,EAAM,OAEd,OAAQG,EAAa,SAAUH,EAAM,MAAM,EAE3C,QAASG,EAAa,UAAWH,EAAM,OAAO,EAE9C,OAAQI,EAAeJ,EAAM,MAAM,EAEnC,aAAcK,EAAeL,EAAM,YAAY,EAE/C,WAAY,QAAQ,WAASC,EAAAD,EAAM,UAAN,YAAAC,EAAe,aAAc,GAAG,IAE7D,QAAS,QAAQ,WAASC,EAAAF,EAAM,UAAN,YAAAE,EAAe,aAAc,GAAG,IAE1D,QAAS,CACP,WAAY,OAEZ,QAAS,MACX,CACF,GAECF,EAAM,QACT,CAEJ","sourcesContent":["import { Stack } from \"@mui/material\";\nimport * as React from \"react\";\nimport { generateBorder } from \"../../lib/generateBorder\";\nimport { generateRadius } from \"../../lib/generateRadius\";\nimport { generateSide } from \"../../lib/generateSide\";\nimport { IXGridProps } from \"../../utils/interfaces/containers/Old_XGrid.interfaces\";\n\nexport const Grid: React.FC<IXGridProps & { children?: React.ReactNode }> = (\n  props\n) => {\n  return (\n    <Stack\n      sx={{\n        position: \"relative\",\n\n        display: \"grid\",\n\n        gridTemplateColumns: `repeat(${props.columns ?? 3}, 1fr)`,\n\n        gridTemplateRows: \"1fr\",\n\n        gap: props.gap,\n\n        boxSizing: \"border-box\",\n\n        flexDirection: props.direction ?? \"column\",\n\n        justifyContent: props.justifyContent ?? \"flex-start\",\n\n        alignItems: props.alignItems ?? \"flex-start\",\n\n        backgroundColor: props.bgColor,\n\n        width: props.width,\n\n        height: props.height,\n\n        margin: generateSide(\"margin\", props.margin) as any,\n\n        padding: generateSide(\"padding\", props.padding) as any,\n\n        border: generateBorder(props.border),\n\n        borderRadius: generateRadius(props.borderRadius),\n\n        gridColumn: `span ${parseInt(props.colSpan?.toString() ?? \"1\")}`,\n\n        gridRow: `span ${parseInt(props.rowSpan?.toString() ?? \"1\")}`,\n\n        \"& > *\": {\n          gridColumn: \"auto\",\n\n          gridRow: \"auto\",\n        },\n      }}\n    >\n      {props.children}\n    </Stack>\n  );\n};\n"]}